/**
 * @license
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * © 2026 Indian Type Foundry
 */@font-face{font-family:Satoshi;src:url(../font/Satoshi-Variable.woff2) format("woff2-variations"),url(../font/Satoshi-Variable.woff) format("woff-variations"),url(../font/Satoshi-Variable.ttf) format("truetype-variations");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi;src:url(../font/Satoshi-VariableItalic.woff2) format("woff2-variations"),url(../font/Satoshi-VariableItalic.woff) format("woff-variations"),url(../font/Satoshi-VariableItalic.ttf) format("truetype-variations");font-weight:300 900;font-display:swap;font-style:italic}:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", monospace;--text-xs: clamp(.75rem, .7vw, .875rem);--text-sm: clamp(.875rem, .85vw, 1rem);--text-base: clamp(1rem, 1vw, 1.125rem);--text-lg: clamp(1.125rem, 1.2vw, 1.25rem);--text-xl: clamp(1.25rem, 1.5vw, 1.5rem);--text-2xl: clamp(1.5rem, 2vw, 2rem);--text-3xl: clamp(2rem, 3vw, 3rem);--text-4xl: clamp(2.5rem, 4vw, 4rem);--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-card: #252525;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-color: #d4af37;--accent-hover: #f0be53;--accent-alpha: rgba(212, 175, 55, .2);--error: #cf6679;--success: #03dac6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-xl: 30px;--border-color: #333;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .5);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);margin:0;line-height:1.6}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;margin-top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px var(--color-accent-alpha)}50%{box-shadow:0 0 40px var(--color-accent),0 0 60px var(--color-accent-alpha)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateY{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes glowPulse{0%,to{filter:brightness(1) drop-shadow(0 0 5px var(--color-accent))}50%{filter:brightness(1.2) drop-shadow(0 0 20px var(--color-accent))}}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-rotate{animation:rotate 20s linear infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 8s ease infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.hover-glow:hover{animation:pulseGlow 1.5s ease-in-out}.hover-tilt{transition:transform .3s ease}.hover-tilt:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);padding:100px var(--spacing-xl);max-width:1200px;margin:0 auto}.about{padding:100px var(--spacing-xl);max-width:900px;margin:0 auto;text-align:center}.about h2{font-size:2.5rem;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-text p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.cta{text-align:center;padding:120px var(--spacing-xl);background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 100%);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.cta h2{font-size:2.5rem;margin-bottom:var(--spacing-md);position:relative;z-index:1}.cta p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);position:relative;z-index:1}.cta .cta-button{position:relative;z-index:1;font-size:1.1rem;padding:14px 32px}.profile-icon{font-size:1.8rem;color:var(--accent-color);cursor:pointer;transition:transform .3s ease}.profile-icon:hover{transform:scale(1.1)}.profile-dropdown{position:absolute;top:60px;right:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);padding:var(--spacing-sm);min-width:150px;display:none}.profile-dropdown.show{display:block}.profile-dropdown a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);transition:background .2s ease;border-radius:var(--border-radius-sm)}.profile-dropdown a:hover{background:#d4af371a;color:var(--accent-color)}@media(max-width:768px){.hero h1{font-size:2rem}.features{grid-template-columns:1fr;padding:50px var(--spacing-md)}nav ul{gap:var(--spacing-md)}#three-canvas{width:300px!important;height:300px!important}}.auth-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.auth-main:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%);animation:rotate 30s linear infinite}.auth-container{max-width:450px;width:100%;position:relative;z-index:1}.auth-form{background:#19191999;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius-lg);padding:clamp(2rem,5vw,3rem);box-shadow:0 20px 60px #0006}.auth-form h2{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:14px 16px;background:#28282880;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-main);transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);background:#282828cc;box-shadow:0 0 0 3px #d4af371a}.auth-button{width:100%;margin-top:var(--spacing-md)}.auth-switch{text-align:center;margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:var(--text-sm)}.auth-switch a{color:var(--accent-color);font-weight:600;transition:color .3s ease}.auth-switch a:hover{color:var(--accent-hover);text-decoration:underline}.wardrobe-main{padding:120px var(--spacing-xl) var(--spacing-xl);max-width:1400px;margin:0 auto}.wardrobe-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.wardrobe-header h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wardrobe-actions{display:flex;gap:var(--spacing-sm)}.filter-button{background:#28282880;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:10px 20px;border-radius:50px;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--font-main)}.filter-button:hover{background:#323232b3;border-color:#fff3;color:var(--text-primary)}.filter-button.active{background:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color)}.wardrobe-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.wardrobe-container{min-height:400px}.wardrobe-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.wardrobe-item{background:#1e1e1e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.wardrobe-item:hover{transform:translateY(-8px) scale(1.02);border-color:#d4af3780;box-shadow:0 15px 40px #d4af3733}.wardrobe-item img{width:100%;height:250px;object-fit:cover;display:block}.wardrobe-item-info{padding:var(--spacing-md)}.wardrobe-item-info h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.wardrobe-item-info p{font-size:var(--text-sm);color:var(--text-secondary)}.empty-wardrobe{text-align:center;padding:80px 20px}.empty-wardrobe i{font-size:4rem;color:var(--accent-color);opacity:.5;margin-bottom:var(--spacing-lg)}.empty-wardrobe h3{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.empty-wardrobe p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:var(--text-lg)}.stylyz-main{padding:120px var(--spacing-xl) var(--spacing-xl);max-width:1200px;margin:0 auto}.upload-container{text-align:center}.upload-container h1{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-area{background:#1e1e1e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(212,175,55,.3);border-radius:var(--border-radius-lg);padding:60px 40px;margin:var(--spacing-2xl) auto;max-width:600px;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .6s ease}.upload-area:hover:before{left:100%}.upload-area:hover{border-color:var(--accent-color);background:#28282899;transform:scale(1.02);box-shadow:0 10px 40px #d4af3733}.upload-area i{font-size:4rem;color:var(--accent-color);margin-bottom:var(--spacing-md);display:block;transition:transform .3s ease}.upload-area:hover i{transform:translateY(-10px)}.upload-area p{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.upload-area span{font-size:var(--text-sm);color:var(--text-secondary)}.processing-message{display:none;padding:var(--spacing-xl);text-align:center}.processing-message i{font-size:3rem;color:var(--accent-color);margin-bottom:var(--spacing-md)}.processing-message.active{display:block}.processed-images-container{margin:var(--spacing-2xl) 0}.processed-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.action-buttons{margin:var(--spacing-2xl) 0;display:flex;justify-content:center;gap:var(--spacing-md)}.action-button{background:var(--accent-color);color:var(--bg-primary);border:none;padding:14px 32px;border-radius:50px;font-size:var(--text-base);font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.action-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px #d4af374d}.action-button i{font-size:1.2rem}.recommendation-section{margin-top:80px;padding:60px 40px;background:#19191980;border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.05)}.recommendation-section h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-xl);text-align:center;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.style-selector{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;flex-wrap:wrap}.style-selector select{min-width:200px}.runway-main{padding:120px var(--spacing-xl) var(--spacing-xl);max-width:1400px;margin:0 auto}.runway-container{max-width:1200px;margin:0 auto}.runway-section{margin-bottom:80px}.runway-section h1,.runway-section h2{font-family:var(--font-heading);font-weight:700;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.runway-section h1{font-size:clamp(2.5rem,6vw,3.5rem);text-align:center}.runway-section h2{font-size:clamp(2rem,4vw,2.5rem)}.season-tabs{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.season-tab{background:#28282880;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:12px 28px;border-radius:50px;font-size:var(--text-base);font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all .3s ease}.season-tab:hover{background:#323232b3;color:var(--text-primary)}.season-tab.active{background:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color)}.outfit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}.login-prompt{text-align:center;padding:60px 20px;background:#19191980;border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.05)}.login-prompt a{color:var(--accent-color);font-weight:600}.login-prompt a:hover{text-decoration:underline}@media(max-width:768px){.wardrobe-header{flex-direction:column;align-items:flex-start}.wardrobe-items,.outfit-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.upload-area{padding:40px 20px}.auth-form{padding:2rem 1.5rem}}footer{margin-top:120px;background:linear-gradient(180deg,#12121200,#0a0a0af2);border-top:1px solid rgba(212,175,55,.1);position:relative}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.5) 50%,transparent 100%)}.footer-main{padding:80px var(--spacing-xl) 60px;max-width:1400px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:60px}.footer-brand{max-width:350px}.footer-logo{font-family:var(--font-heading);font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);letter-spacing:1px}.footer-tagline{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--spacing-xl);font-weight:400}.footer-social{display:flex;gap:var(--spacing-sm)}.social-link{width:42px;height:42px;border-radius:50%;background:#28282880;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));opacity:0;transition:opacity .3s ease}.social-link:hover:before{opacity:1}.social-link:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 8px 20px #d4af374d}.social-link i{position:relative;z-index:1;transition:color .3s ease}.social-link:hover i{color:var(--bg-primary)}.footer-column{display:flex;flex-direction:column}.footer-column-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:1px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links li a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:all .2s ease;display:inline-block;position:relative}.footer-links li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-color);transition:width .3s ease}.footer-links li a:hover{color:var(--accent-color);transform:translate(4px)}.footer-links li a:hover:after{width:100%}.footer-newsletter{background:#1e1e1e66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.newsletter-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--spacing-lg)}.newsletter-form{display:flex;gap:var(--spacing-sm)}.newsletter-input{flex:1;padding:12px 16px;background:#28282880;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-main);transition:all .3s ease}.newsletter-input:focus{outline:none;border-color:var(--accent-color);background:#282828cc;box-shadow:0 0 0 3px #d4af371a}.newsletter-input::placeholder{color:var(--text-secondary);opacity:.6}.newsletter-button{width:48px;height:48px;background:var(--accent-color);border:none;border-radius:var(--border-radius-md);color:var(--bg-primary);font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.newsletter-button:hover{background:var(--accent-hover);transform:scale(1.05);box-shadow:0 4px 12px #d4af3766}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:var(--spacing-xl);background:#0a0a0acc}.footer-bottom-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.copyright{color:var(--text-secondary);font-size:var(--text-sm);font-weight:400;margin:0}.footer-badges{display:flex;gap:var(--spacing-md)}.badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#28282899;border:1px solid rgba(255,255,255,.05);border-radius:50px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge i{color:var(--accent-color);font-size:.9rem}@media(max-width:1200px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-newsletter{grid-column:1 / -1;max-width:500px}}@media(max-width:768px){.footer-main{padding:60px var(--spacing-lg) 40px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand,.footer-newsletter{grid-column:1 / -1;max-width:100%}.footer-bottom-content{flex-direction:column;text-align:center}.footer-badges{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr;gap:32px}.social-link{width:38px;height:38px}.badge{padding:5px 12px;font-size:.7rem}}.hero,.feature-card,.wardrobe-item,.social-link,.cta-button,.action-button,.filter-button{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.hero:before,canvas,.particles-bg{transform:translateZ(0)}.feature-card,.wardrobe-item{contain:layout style paint}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;font-kerning:normal}a,button,.cta-button,.filter-button,.action-button,input[type=submit],.upload-area{cursor:pointer}header,footer{contain:layout}@supports (backdrop-filter: blur(10px)){.auth-form,.feature-card,.wardrobe-item,.footer-newsletter{will-change:backdrop-filter}}*{box-sizing:border-box}body{font-family:var(--font-main);background:linear-gradient(-45deg,#0a0a0a,#1a1a1a,#0f0f0f,#151515);background-size:400% 400%;animation:gradientShift 15s ease infinite;scroll-behavior:smooth;overflow-x:hidden}header{position:fixed;width:100%;top:0;z-index:1000;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);background:transparent}header.scrolled{background:#121212b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.logo .LogoTxt{font-family:var(--font-main);font-weight:700;font-size:1.5rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px}nav ul{list-style:none;display:flex;gap:var(--spacing-xl);padding:0;margin:0}nav a{color:var(--text-secondary);font-weight:500;font-size:1rem;position:relative}nav a:hover,nav a.active{color:var(--text-primary)}nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-color);transition:width var(--transition-fast)}nav a:hover:after,nav a.active:after{width:100%}.right-menu{display:flex;align-items:center;gap:var(--spacing-md)}.auth-button,.cta-button{background:var(--accent-color);color:var(--bg-primary);padding:10px 24px;border-radius:50px;font-weight:600;border:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.auth-button:hover,.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d;color:var(--bg-primary);background:var(--accent-hover)}main{padding-top:80px;min-height:100vh}.hero{position:relative;text-align:center;padding:150px 20px 100px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(212,175,55,.1) 0%,transparent 40%);z-index:-1;animation:pulse 8s ease-in-out infinite}.hero h1{font-size:clamp(2.5rem,8vw,4.5rem);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#fff,#d4af37,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;font-weight:800;letter-spacing:-2px;line-height:1.1;text-shadow:0 0 80px rgba(212,175,55,.3)}.subtitle{font-size:clamp(1rem,3vw,1.3rem);color:var(--text-secondary);max-width:700px;margin:0 auto var(--spacing-xl);line-height:1.6;font-weight:300}.feature-card{background:#1e1e1e80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .5s ease}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-10px) scale(1.02);border-color:#d4af3780;box-shadow:0 20px 60px #d4af3733,0 0 40px #d4af371a;background:#28282899}.feature-icon{font-size:3rem;color:var(--accent-color);margin-bottom:var(--spacing-md);display:inline-block;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotateY(180deg)}.hidden{display:none!important}input,select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px;border-radius:var(--border-radius-md);width:100%;outline:none}input:focus,select:focus{border-color:var(--accent-color)}