@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-base:#060918;--bg-surface:#0d1225;--bg-card:#0f1732a6;--bg-card-hover:#192346bf;--bg-elevated:#141e3c80;--primary:#3b82f6;--primary-hover:#2563eb;--primary-soft:#3b82f61f;--primary-glow:#3b82f666;--accent:#8b5cf6;--accent-glow:#8b5cf64d;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-main:#f8fafc;--glass-bg:#0f17328c;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-shadow:0 8px 32px #0006;--glass-blur:blur(16px);--neon-glow:0 0 30px #3b82f640;--nav-height:72px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -20%, #3b82f626 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 80% 50%, #8b5cf614 0%, transparent 70%);color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fff;--bg-card:#ffffffbf;--bg-card-hover:#ffffffe6;--bg-elevated:#f1f5f9cc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-main:#0f172a;--glass-bg:#fff9;--glass-border:#0000000f;--glass-border-hover:#0000001f;--glass-shadow:0 8px 32px #00000014;--neon-glow:0 0 30px #3b82f626;--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -20%, #3b82f614 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 80% 50%, #8b5cf60d 0%, transparent 70%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);background-image:var(--gradient-hero);background-attachment:fixed;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:560px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.7}.section-badge{background:var(--primary-soft);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;border:1px solid #3b82f626;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:all .35s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow), var(--neon-glow);transform:translateY(-4px)}.auth-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.auth-title{color:var(--text-primary);font-size:2rem;font-weight:800}.auth-subtitle{color:var(--text-secondary)}.auth-button{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;border:none;padding:14px 28px;font-weight:600;transition:all .25s}.auth-button:hover{background:var(--primary-hover);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.title-glow{text-shadow:0 0 20px var(--primary-glow)}.navbar{height:var(--nav-height);z-index:1000;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #00000026}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 24px;display:flex}.navbar-brand{color:var(--text-primary);align-items:center;gap:12px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.navbar-brand img{border-radius:10px;width:40px;height:40px}.navbar-links{align-items:center;gap:32px;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:after{content:"";background:var(--primary);border-radius:1px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.navbar-links a:hover:after{width:100%}.theme-toggle{border:1px solid var(--glass-border);background:var(--bg-card);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;box-shadow:none;border-radius:12px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:all .3s;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);box-shadow:none;transform:rotate(20deg)scale(1.05)}.mobile-menu-btn{border:1px solid var(--glass-border);background:var(--bg-card);width:42px;height:42px;color:var(--text-secondary);cursor:pointer;box-shadow:none;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:1.3rem;display:none}@media (width<=768px){.navbar-links{display:none}.mobile-menu-btn{display:flex}}.hero{padding-top:calc(var(--nav-height) + 80px);text-align:center;padding-bottom:80px}.hero-logo{border-radius:var(--radius-lg);object-fit:contain;width:120px;height:120px;box-shadow:var(--neon-glow), 0 20px 60px #0000004d;margin-bottom:32px;animation:6s ease-in-out infinite float}.hero-title{letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(2.5rem,6vw,4.2rem);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-primary{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{box-shadow:0 8px 30px var(--primary-glow);transform:translateY(-3px)scale(1.02)}.btn-secondary{border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;box-shadow:none;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-soft);box-shadow:none;transform:translateY(-3px)}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:16px;display:grid}.bento-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;justify-content:flex-end;gap:12px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #3b82f60f 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.bento-card:hover:before{opacity:1}.bento-card:hover{border-color:var(--glass-border-hover);box-shadow:0 20px 40px #0003, var(--neon-glow);transform:translateY(-6px)}.bento-wide{grid-column:span 2}.bento-tall{grid-row:span 2}.bento-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;font-size:1.6rem;display:flex}.bento-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.bento-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media (width<=900px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:span 1}}.stats-bar{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--glass-border);flex-wrap:wrap;justify-content:center;gap:60px;padding:48px 24px;display:flex}.stat-item{text-align:center}.stat-number{letter-spacing:-.03em;font-size:2.4rem;font-weight:800}.stat-label{color:var(--text-muted);margin-top:4px;font-size:.85rem;font-weight:500}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{text-align:center;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--glass-border);padding:40px 28px;transition:all .35s}.step-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--neon-glow);transform:translateY(-4px)}.step-number{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:1.4rem;font-weight:800;display:inline-flex}.step-title{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media (width<=768px){.steps-grid{grid-template-columns:1fr}}.faq-list{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-card);transition:all .3s;overflow:hidden}.faq-item:hover{border-color:var(--glass-border-hover)}.faq-question{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.faq-question:hover{background:var(--bg-elevated);box-shadow:none;transform:none}.faq-chevron{color:var(--text-muted);flex-shrink:0;font-size:.85rem;transition:transform .3s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .35s,padding .35s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer-inner{color:var(--text-secondary);padding:0 24px 20px;font-size:.92rem;line-height:1.7}.footer{border-top:1px solid var(--glass-border);margin-top:auto;padding:60px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand-text{color:var(--text-secondary);max-width:320px;margin-top:12px;font-size:.9rem;line-height:1.7}.footer-col-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px;font-size:.8rem;font-weight:700}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--glass-border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:.8rem;display:flex}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:12px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.anim-fade-up{animation:.7s ease-out forwards fadeInUp}.anim-delay-1{opacity:0;animation-delay:.1s}.anim-delay-2{opacity:0;animation-delay:.2s}.anim-delay-3{opacity:0;animation-delay:.3s}.anim-delay-4{opacity:0;animation-delay:.4s}.anim-delay-5{opacity:0;animation-delay:.5s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{border-radius:var(--radius-sm);background-color:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .25s;box-shadow:0 4px 6px -1px #0000001a}button:hover{background-color:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-2px)}button:active{transform:translateY(0)}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--text-main);background:#0f172a99;border-radius:12px;outline:none;padding:12px 16px;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}.cta-banner{text-align:center;border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf614 100%);padding:80px 32px;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-200px;right:-100px}