:root{--color-bg-primary:#020202;--color-bg-secondary:#0a0a0a;--color-bg-card:rgba(40,51,64,0.4);--color-bg-card-hover:rgba(40,51,64,0.6);--color-accent:#bbc6cf;--color-accent-dim:rgba(187,198,207,0.7);--color-secondary:#283340;--color-text-primary:#ffffff;--color-text-secondary:#bbc6cf;--color-text-muted:#6b7280;--color-border:rgba(187,198,207,0.2);--color-glow:rgba(187,198,207,0.3);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Fira Code','Courier New',monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-md:0 4px 20px rgba(0,0,0,0.4);--shadow-lg:0 8px 40px rgba(0,0,0,0.5);--shadow-glow:0 0 30px var(--color-glow);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--container-max:1200px;--container-padding:var(--spacing-lg)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(40,51,64,0.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(40,51,64,0.2) 0%,transparent 50%);pointer-events:none;z-index:-1}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-primary)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:1.25rem}p{color:var(--color-text-secondary)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--spacing-4xl) 0}.meteor-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.meteor{position:absolute;top:50%;left:50%;height:2px;width:2px;background-color:var(--color-accent);border-radius:9999px;box-shadow:0 0 0 1px rgba(255,255,255,0.1);transform:rotate(215deg);opacity:0;animation:meteor-fall linear infinite}.meteor::before{content:'';position:absolute;top:50%;transform:translateY(-50%);width:50px;height:1px;background:linear-gradient(90deg,var(--color-accent),transparent)}@keyframes meteor-fall{0%{transform:rotate(215deg) translateX(0);opacity:1}70%{opacity:1}100%{transform:rotate(215deg) translateX(-500px);opacity:0}}.nav-container{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:0;pointer-events:none;transition:padding 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.nav-container.floating{padding:var(--spacing-md)}.nav-body{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);gap:var(--spacing-xl);width:100%;max-width:100%;background:rgba(2,2,2,0.8);backdrop-filter:blur(20px);border-radius:0;border:none;border-bottom:1px solid var(--color-border);box-shadow:none;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.nav-body.floating{width:auto;max-width:90%;background:rgba(2,2,2,0.95);border-radius:9999px;border:1px solid var(--color-border);margin-top:var(--spacing-sm);box-shadow:0 0 24px rgba(0,0,0,0.4),0 4px 20px rgba(0,0,0,0.3),0 0 0 1px rgba(187,198,207,0.08),0 0 40px rgba(40,51,64,0.2)}.nav-right{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-body .navbar-brand{display:flex;align-items:center;gap:var(--spacing-md)}.navbar-logo{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--color-border);object-fit:cover;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.navbar-logo:hover{transform:scale(1.1);box-shadow:0 0 15px rgba(187,198,207,0.4);border-color:var(--color-accent)}.navbar-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.navbar-nav{display:flex;gap:var(--spacing-xl);list-style:none}.navbar-link{font-size:0.95rem;font-weight:500;color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar-link:hover,.navbar-link.active{color:var(--color-text-primary);background:var(--color-bg-card)}.nav-dropdown{position:relative}.nav-dropdown .dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:180px;background:rgba(20,20,25,0.95);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);margin-top:var(--spacing-sm);box-shadow:0 10px 40px rgba(0,0,0,0.4);z-index:1000}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}.nav-dropdown .dropdown-menu a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);font-size:0.9rem;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.nav-dropdown .dropdown-menu a:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.dropdown-toggle{display:none;background:none;border:none;color:var(--color-text-secondary);font-size:0.9rem;padding:0 var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast)}.dropdown-toggle:hover{color:var(--color-accent)}.nav-dropdown.open .dropdown-toggle{transform:rotate(180deg);color:var(--color-accent)}.navbar-toggle{display:none;flex-direction:column;gap:5px;background:none;padding:var(--spacing-sm)}.navbar-toggle span{width:24px;height:2px;background:var(--color-accent);border-radius:2px;transition:var(--transition-fast)}.nav-support-btn{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-secondary) 0%,#3a4a5c 100%);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:0.875rem;font-weight:600;text-decoration:none;transition:all var(--transition-base)}.nav-support-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--color-glow);color:var(--color-text-primary)}.nav-body.floating .navbar-logo{width:36px;height:36px}.nav-body.floating .navbar-title{font-size:1rem}.nav-body.floating .navbar-nav{gap:var(--spacing-md)}.nav-body.floating .navbar-link{font-size:0.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--color-glow) 0%,transparent 70%);opacity:0.4;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px}.hero-title{margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);text-transform:uppercase;letter-spacing:0.5px}.btn-primary{background:linear-gradient(135deg,var(--color-secondary) 0%,#3a4a5c 100%);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px var(--color-glow)}.btn-secondary{background:transparent;color:var(--color-accent);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-card);border-color:var(--color-accent)}.btn-success{background:linear-gradient(135deg,#059669 0%,#10b981 100%);color:white}.btn-warning{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);color:#000}.btn-danger{background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);color:white}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:0.875rem}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);backdrop-filter:blur(10px);transition:all var(--transition-base)}.card:hover{background:var(--color-bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--spacing-lg)}.card-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.card-icon{width:48px;height:48px;margin-bottom:var(--spacing-md);color:var(--color-accent)}.tier-cards{--tier-pink:#ec4899;--tier-red:#f87171;--tier-yellow:#eab308;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl);align-items:start}.tier-card{position:relative;background:rgba(17,24,39,0.5);backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:1rem;padding:var(--spacing-2xl);text-align:center;display:flex;flex-direction:column;opacity:0;transform:translateY(20px);animation:tier-fade-in 0.6s ease-out forwards}.tier-card:nth-child(1){animation-delay:0.1s}.tier-card:nth-child(2){animation-delay:0.2s}.tier-card:nth-child(3){animation-delay:0.3s}.tier-card:nth-child(4){animation-delay:0.4s}@keyframes tier-fade-in{to{opacity:1;transform:translateY(0)}}.tier-card::before,.tier-card::after{content:'';position:absolute;width:4rem;height:4rem;pointer-events:none;transition:all var(--transition-base)}.tier-card::before{top:-1px;left:-1px;border-top:2px solid var(--tier-pink);border-left:2px solid var(--tier-pink);border-top-left-radius:1rem}.tier-card::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--tier-yellow);border-right:2px solid var(--tier-yellow);border-bottom-right-radius:1rem}.tier-card:hover{background:rgba(17,24,39,0.7);transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.3),0 0 30px rgba(236,72,153,0.1),0 0 60px rgba(234,179,8,0.05)}.tier-card:hover::before{width:5rem;height:5rem;border-color:var(--tier-pink);filter:drop-shadow(0 0 8px var(--tier-pink))}.tier-card:hover::after{width:5rem;height:5rem;border-color:var(--tier-yellow);filter:drop-shadow(0 0 8px var(--tier-yellow))}.tier-card.featured{background:rgba(17,24,39,0.6);border-color:var(--tier-pink)}.tier-card.featured::before{border-color:var(--tier-red)}.tier-card.featured::after{border-color:var(--tier-pink)}.tier-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.tier-name{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(to top,var(--tier-yellow),var(--tier-red),var(--tier-pink));-webkit-background-clip:text;background-clip:text;color:transparent}.tier-price{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.tier-price span{font-size:1rem;font-weight:400;color:var(--color-text-muted)}.tier-expand-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-accent);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:0.875rem;cursor:pointer;margin:var(--spacing-sm) 0;transition:all var(--transition-fast)}.tier-expand-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-accent)}.tier-card .btn{width:100%;margin-top:auto}.tier-desc-full{text-align:left}.tier-desc-full p{margin-bottom:var(--spacing-sm)}.tier-desc-full a{color:var(--color-accent);text-decoration:underline}.tier-desc-full ul,.tier-desc-full ol{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.tier-desc-full li{margin-bottom:var(--spacing-xs)}.tier-desc-full strong{color:var(--color-text-primary)}.about{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center}.about-content{order:1}.about-image-wrapper{order:2;display:flex;justify-content:center}.about-image{width:350px;height:350px;border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--color-border);box-shadow:var(--shadow-lg),var(--shadow-glow);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.about-image:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 0 25px rgba(187,198,207,0.4);border-color:var(--color-accent)}.about-title{margin-bottom:var(--spacing-lg)}.about-text{font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-lg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.project-card:hover{background:var(--color-bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.project-image{width:100%;height:180px;object-fit:cover;background:var(--color-secondary)}.project-content{padding:var(--spacing-lg)}.project-title{font-size:1.1rem;margin-bottom:var(--spacing-sm)}.project-description{font-size:0.9rem;color:var(--color-text-muted)}.footer{padding:var(--spacing-2xl) 0;border-top:1px solid var(--color-border);text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.social-links{display:flex;gap:var(--spacing-lg)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-accent);font-size:1.25rem;transition:all var(--transition-fast)}.social-link:hover{background:var(--color-secondary);transform:translateY(-2px)}.footer-text{font-size:0.875rem;color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--spacing-xl);list-style:none}.footer-links a{font-size:0.875rem;color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-accent)}.page-header{padding:calc(80px + var(--spacing-4xl)) 0 var(--spacing-2xl);text-align:center}.page-title{margin-bottom:var(--spacing-md)}.page-subtitle{font-size:1.1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{margin-bottom:var(--spacing-md)}.section-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto}.tool-container{max-width:900px;margin:0 auto}.tool-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);backdrop-filter:blur(10px)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:0.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.form-input{width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-glow)}.form-input::placeholder{color:var(--color-text-muted)}.form-divider{text-align:center;padding:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:0.875rem}.file-upload{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.file-upload:hover{border-color:var(--color-accent);background:rgba(187,198,207,0.05)}.file-upload input{display:none}.file-upload-text{color:var(--color-text-muted)}.file-upload-browse{color:var(--color-accent);font-weight:500}.terminal{background:#000;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);font-family:var(--font-mono);font-size:0.875rem;color:#00ff00;height:300px;overflow-y:auto;white-space:pre-wrap;margin:var(--spacing-xl) 0}.terminal::-webkit-scrollbar{width:8px}.terminal::-webkit-scrollbar-track{background:#111}.terminal::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}.control-panel{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.control-panel.hidden{display:none}.download-area{text-align:center;padding:var(--spacing-xl);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);border-radius:var(--radius-lg);margin-top:var(--spacing-xl)}.download-area.hidden{display:none}.download-title{font-size:1.25rem;color:#10b981;margin-bottom:var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.hidden{display:none !important}@media (max-width:1024px){:root{--container-padding:var(--spacing-md)}.navbar-toggle{display:flex}.about{grid-template-columns:1fr;gap:var(--spacing-2xl)}.about-content{order:2;text-align:center}.about-image-wrapper{order:1}.about-image{width:250px;height:250px}.tier-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--spacing-md);padding-bottom:var(--spacing-md);-webkit-overflow-scrolling:touch;align-items:flex-start}.tier-cards::-webkit-scrollbar{height:6px}.tier-cards::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}.tier-cards::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:3px}.tier-card{flex:0 0 calc(33.333% - var(--spacing-md));scroll-snap-align:start;min-width:220px;align-self:flex-start}.control-panel{flex-wrap:wrap}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.tier-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--spacing-md);padding-bottom:var(--spacing-md);-webkit-overflow-scrolling:touch;align-items:flex-start}.tier-cards::-webkit-scrollbar{height:6px}.tier-cards::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}.tier-cards::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:3px}.tier-card{flex:0 0 85%;scroll-snap-align:center;min-width:280px;align-self:flex-start}}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}.collection-card{border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.1);text-decoration:none;color:var(--color-text-primary);background:var(--color-bg-secondary);transition:transform 0.2s;display:block;border:1px solid var(--color-border)}.collection-card:hover{transform:translateY(-5px)}.card-cover{width:100%;aspect-ratio:2 / 3;height:auto;background-size:cover;background-position:top center;position:relative;background-color:var(--color-bg-tertiary)}.chapter-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,0.8);color:white;padding:4px 8px;border-radius:4px;font-size:0.8rem}.card-info{padding:15px}.card-info h3{margin:0 0 5px 0;font-size:1.1rem;color:var(--color-text-primary)}.read-more{color:var(--color-accent);font-weight:bold;font-size:0.9rem;margin:0}.tool-highlight{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);position:relative;overflow:hidden}.tool-highlight::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0.5}.tool-content{flex:1}.tool-icon{font-size:5rem;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(187,198,207,0.2))}@media (max-width:768px){.tool-highlight{flex-direction:column-reverse;text-align:center}.tool-content .section-title{text-align:center !important}.tool-content p{margin-inline:auto}}.floating-nav{position:fixed;top:2rem;left:50%;transform:translateX(-50%) translateY(0);z-index:5000;display:flex;align-items:center;justify-content:center;gap:1rem;padding:0.5rem 0.5rem 0.5rem 0.5rem;max-width:fit-content;background:rgba(2,2,2,0.9);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:9999px;box-shadow:0px 4px 20px rgba(0,0,0,0.5),0px 0px 0px 1px rgba(187,198,207,0.08),0 0 30px rgba(40,51,64,0.3);opacity:1;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s cubic-bezier(0.4,0,0.2,1)}.floating-nav.hidden{transform:translateX(-50%) translateY(-200%);opacity:0;pointer-events:none}.floating-nav-brand{display:flex;align-items:center;margin-right:0.5rem}.floating-nav-logo{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);object-fit:cover;transition:transform var(--transition-fast),border-color var(--transition-fast)}.floating-nav-logo:hover{transform:scale(1.1);border-color:var(--color-accent)}.floating-nav .nav-links{display:flex;align-items:center;gap:0.5rem}.floating-nav .nav-item{display:flex;align-items:center;gap:0.25rem;text-decoration:none;color:var(--color-text-secondary);font-size:0.875rem;font-weight:500;padding:0.5rem 0.75rem;border-radius:9999px;position:relative;transition:all var(--transition-fast)}.floating-nav .nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.floating-nav .nav-item .icon svg{width:1.25rem;height:1.25rem}.floating-nav .nav-item .text{display:none}.floating-nav .nav-item .icon{display:flex}.floating-login-btn{position:relative;padding:0.5rem 1.25rem;background:linear-gradient(135deg,var(--color-secondary) 0%,#3a4a5c 100%);border:1px solid var(--color-border);border-radius:9999px;font-size:0.875rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.floating-login-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px var(--color-glow);color:var(--color-text-primary)}.floating-login-btn .btn-highlight{position:absolute;bottom:0;left:25%;width:50%;height:2px;background:linear-gradient(to right,transparent,var(--color-accent),transparent)}@media (max-width:1024px){.tier-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tier-cards{grid-template-columns:1fr}.tier-card{padding:var(--spacing-xl)}.tier-card::before,.tier-card::after{width:3rem;height:3rem}}@media (max-width:1024px){.navbar-toggle{display:flex;border:none;cursor:pointer;z-index:1001;order:3}.nav-body{flex-wrap:wrap;padding:var(--spacing-md);gap:var(--spacing-sm)}.nav-body.floating{border-radius:24px !important;width:calc(100% - 2rem) !important}.navbar-brand{order:1;flex:1}.nav-right{order:3;flex-basis:100%;width:100%;display:none;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0;padding-top:var(--spacing-sm)}.nav-right.active{display:flex}.navbar-nav{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;margin:0;border:none;width:100%}.navbar-nav li{width:100%}.nav-support-btn{display:flex;width:100%;justify-content:center;padding:var(--spacing-md);border-radius:var(--radius-lg)}.navbar-link{display:block;padding:var(--spacing-md);text-align:center;border-radius:var(--radius-lg);background:rgba(255,255,255,0.03)}.navbar-link:hover,.navbar-link.active{background:var(--color-bg-card-hover)}.nav-dropdown{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;padding:var(--spacing-md);text-align:center;border-radius:var(--radius-lg);background:rgba(255,255,255,0.03)}.nav-dropdown:hover{background:var(--color-bg-card-hover)}.nav-dropdown>.navbar-link{padding:0;padding-right:var(--spacing-xs);background:none !important}.nav-dropdown .dropdown-menu{position:static;display:none !important;transform:none;width:100%;flex-basis:100%;margin-top:var(--spacing-xs);padding:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none}.nav-dropdown.open .dropdown-menu{display:block !important}.dropdown-toggle{display:inline-block;padding:var(--spacing-sm)}.nav-dropdown .dropdown-menu a{display:block;padding:var(--spacing-sm) var(--spacing-md);text-align:center;background:rgba(255,255,255,0.02);margin-top:2px;font-size:0.9rem;border-radius:var(--radius-md)}.nav-dropdown .dropdown-menu a:hover{background:var(--color-bg-card-hover)}.navbar-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar-title{display:none}}.collections-carousel{position:relative}.carousel-btn{display:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl)}@media (max-width:785px){.collections-carousel{position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.carousel-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;background:rgba(255,255,255,0.1);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast);z-index:10}.carousel-btn:hover{background:var(--color-accent);color:var(--color-bg-primary)}.projects-grid{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:0;padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.projects-grid::-webkit-scrollbar{display:none}.projects-grid>*{flex:0 0 100%;scroll-snap-align:start}}@media (min-width:786px) and (max-width:1024px){.collections-carousel{position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.carousel-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:rgba(255,255,255,0.1);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast)}.carousel-btn:hover{background:var(--color-accent);color:var(--color-bg-primary)}.projects-grid{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.projects-grid::-webkit-scrollbar{display:none}.projects-grid>*{flex:0 0 calc(50% - var(--spacing-lg) / 2);scroll-snap-align:start}}@media (min-width:1025px) and (max-width:1280px){.collections-carousel{position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.carousel-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:rgba(255,255,255,0.1);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast)}.carousel-btn:hover{background:var(--color-accent);color:var(--color-bg-primary)}.projects-grid{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.projects-grid::-webkit-scrollbar{display:none}.projects-grid>*{flex:0 0 calc(33.333% - var(--spacing-lg) * 2 / 3);scroll-snap-align:start}}