:root{--primary: #6366f1;--primary-light: #818cf8;--primary-glow: rgba(99, 102, 241, .35);--secondary: #8b5cf6;--accent-cyan: #06b6d4;--accent-rose: #f43f5e;--accent-pink: #ec4899;--accent-amber: #f59e0b;--success: #10b981;--success-light: #34d399;--bg-void: #0f1b27;--bg-deep: #0b172c;--bg-dark: #0a0f1e;--bg-surface: #0f172a;--bg-raised: #131b2e;--bg-card: rgba(13, 21, 44, .75);--bg-card-hover: rgba(12, 20, 42, .85);--text-primary: #f0f4ff;--text-main: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #334155;--glass-border: rgba(255, 255, 255, .11);--glass-border-glow: rgba(99, 102, 241, .3);--glass-highlight: rgba(255, 255, 255, .07);--glass-bg: rgba(20, 25, 60, .35);--glass-bg-strong: rgba(14, 18, 45, .55);--primary-color: var(--primary)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,SF Pro Display,system-ui,-apple-system,sans-serif;background-color:var(--bg-void);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 90% 70% at 5% 5%,rgba(99,102,241,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 95% 90%,rgba(236,72,153,.18) 0%,transparent 55%),radial-gradient(ellipse 55% 50% at 50% 50%,rgba(6,182,212,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 35% at 80% 15%,rgba(139,92,246,.14) 0%,transparent 55%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:700}.text-gradient{background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6 80%,#fb7185);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:300% auto;animation:aurora-gradient 6s linear infinite}.text-gradient-cyan{background:linear-gradient(135deg,#06b6d4,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-green{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes aurora-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blob{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(40px,-60px) scale(1.12) rotate(5deg)}66%{transform:translate(-30px,25px) scale(.92) rotate(-3deg)}to{transform:translate(0) scale(1) rotate(0)}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(4deg)}to{transform:translateY(0) rotate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #6366f14d,0 0 60px #6366f11a}50%{box-shadow:0 0 40px #6366f180,0 0 80px #6366f133}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #10b98199}50%{opacity:.7;transform:scale(.95);box-shadow:0 0 0 10px #10b98100}}.animate-blob{animation:blob 18s infinite ease-in-out}.animate-float{animation:float 7s ease-in-out infinite}.animate-float-delayed{animation:float 9s ease-in-out infinite;animation-delay:2.5s}.animate-slide-up{animation:slideUp .55s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-pulse{animation:pulse 2.2s cubic-bezier(.4,0,.6,1) infinite}.animate-zoom-in{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1) forwards}.spinning{animation:spin .65s linear infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-2000{animation-delay:2s}.delay-4000{animation-delay:4s}.glass-panel{background:linear-gradient(135deg,#6366f10f,#14193c47,#06b6d40a);backdrop-filter:blur(22px) saturate(200%) brightness(1.08);-webkit-backdrop-filter:blur(22px) saturate(200%) brightness(1.08);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0003,inset 0 1px #ffffff17,inset 0 0 40px #6366f108;border-radius:14px}.glass-pro{background:linear-gradient(135deg,#6366f117,#0e122d7a,#8b5cf60f);backdrop-filter:blur(28px) saturate(220%) brightness(1.06);-webkit-backdrop-filter:blur(28px) saturate(220%) brightness(1.06);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 40px #0000004d,0 0 0 1px #ffffff0a,inset 0 1px #ffffff1a,inset 0 0 60px #6366f10a}.glass-glow{background:linear-gradient(135deg,#6366f11f,#14193c4d);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(99,102,241,.25);box-shadow:0 8px 32px #00000040,0 0 50px #6366f11a,inset 0 1px #ffffff17}.card-3d-wrapper{perspective:1200px}.card-3d{transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s;transform-style:preserve-3d}.card-3d:hover{transform:rotateY(4deg) rotateX(4deg) translateZ(16px);box-shadow:-6px -6px 24px #6366f14d,6px 6px 24px #ec48994d,inset 0 0 30px #ffffff08}.hover-scale{transition:transform .2s ease,box-shadow .2s ease}.hover-scale:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #00000059}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1 25%,#7c3aed 60%,#9333ea 85%,#a855f7);color:#fff;padding:.5rem 1rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;text-decoration:none;background-size:200% auto;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f166,inset 0 1px #ffffff2e;letter-spacing:.01em}.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,transparent 100%);pointer-events:none;border-radius:inherit}.btn-primary:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 10px 30px #6366f18c,0 0 60px #8b5cf633,inset 0 1px #fff3}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 15px #6366f14d}.btn-neon{position:relative;background:linear-gradient(135deg,#4f46e5,#6366f1 30%,#8b5cf6,#a855f7);background-size:200% auto;color:#fff;font-weight:700;border:none;cursor:pointer;z-index:1;transition:all .3s ease;box-shadow:0 4px 20px #6366f173,inset 0 1px #ffffff2e;overflow:hidden}.btn-neon:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899,#06b6d4,#6366f1);background-size:400%;z-index:-1;filter:blur(14px);opacity:0;transition:opacity .4s ease;border-radius:inherit;animation:aurora-gradient 6s linear infinite}.btn-neon:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);pointer-events:none;border-radius:inherit}.btn-neon:hover:before{opacity:.75}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 12px 35px #6366f18c,0 0 60px #a855f74d;background-position:right center}.btn-neon:active{transform:translateY(0)}.btn-outline{background:linear-gradient(135deg,#6366f10f,#ffffff08);border:1px solid rgba(255,255,255,.14);color:var(--text-main);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:600;transition:all .25s ease;padding:.75rem 1.5rem;font-size:1rem;border-radius:99px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%);pointer-events:none;border-radius:inherit}.btn-outline:hover{background:linear-gradient(135deg,#6366f126,#8b5cf614);border-color:#6366f166;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #6366f133}.btn-large{padding:.8rem 1.75rem;font-size:1rem;border-radius:99px}.btn-success{background:linear-gradient(135deg,#059669,#10b981,#34d399);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;box-shadow:0 4px 15px #10b98166,inset 0 1px #ffffff26;position:relative;overflow:hidden}.btn-success:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10b98180}.btn-danger{background:linear-gradient(135deg,#be123c,#f43f5e,#fb7185);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;box-shadow:0 4px 15px #f43f5e59,inset 0 1px #ffffff26}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 28px #f43f5e80}.btn-cyan{background:linear-gradient(135deg,#0369a1,#0ea5e9,#38bdf8);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;box-shadow:0 4px 15px #0ea5e959,inset 0 1px #ffffff26}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0ea5e980}.input-field{background:#29355380;border:1px solid var(--glass-border);color:var(--text-main);padding:.55rem .85rem;border-radius:8px;width:100%;box-sizing:border-box;transition:all .2s ease;font-family:inherit}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f126;background:#273357b3}.input-field-pro{background:#2631508c;border:1px solid var(--glass-border);color:var(--text-main);padding:.75rem 1rem .75rem 2.8rem;border-radius:10px;width:100%;box-sizing:border-box;transition:all .25s ease;font-size:.95rem;font-family:inherit}.input-field-pro:focus{outline:none;border-color:var(--primary-light);background:#2a3453b3;box-shadow:0 0 0 3px #6366f11f,0 2px 12px #6366f11a}.input-field-pro:focus+.auth-input-icon{color:var(--primary-light)}.auth-input-group{position:relative;margin-bottom:1.25rem}.auth-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .2s}.container{max-width:1200px;margin:0 auto;padding:.75rem 1rem}.home-container{min-height:100vh;position:relative;overflow-x:hidden;background:var(--bg-void)}.bg-blobs{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35}.blob-1{top:-15%;left:-10%;width:55%;height:55%;background:radial-gradient(circle,#7c3aed 0%,#4f46e5 50%,transparent 70%)}.blob-2{top:5%;right:-12%;width:45%;height:45%;background:radial-gradient(circle,#0891b2 0%,#06b6d4 40%,transparent 70%)}.blob-3{bottom:-15%;left:15%;width:65%;height:55%;background:radial-gradient(circle,#be185d 0%,#9333ea 40%,transparent 70%)}.grid-overlay{background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:48px 48px;position:absolute;inset:0;opacity:.6}.navbar{position:fixed;top:0;left:0;right:0;padding:.6rem 0;z-index:1000;transition:all .35s ease;background:transparent}.navbar.scrolled{background:#020617eb;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-bottom:1px solid rgba(255,255,255,.06);padding:.35rem 0;box-shadow:0 4px 30px #0006}.nav-content{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.3rem;color:#fff;text-decoration:none;letter-spacing:-.01em}.brand-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:.35rem;border-radius:8px;color:#fff;display:flex;box-shadow:0 4px 14px #6366f166}.brand-icon svg{width:22px;height:22px}.nav-links{display:none;gap:2.5rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s;font-size:.95rem;letter-spacing:.01em}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;gap:.75rem;align-items:center}.link-login{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.link-login:hover{color:#fff}@media(min-width:768px){.nav-links{display:flex}}.hero{padding-top:6rem;padding-bottom:5rem;text-align:center;position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:99px;color:var(--primary-light);font-size:.85rem;margin-bottom:1.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500;letter-spacing:.02em}.hero-title{font-size:2.8rem;line-height:1.08;font-weight:900;margin-bottom:1.25rem;letter-spacing:-.03em;color:var(--text-primary)}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:560px;margin:0 auto 2rem;line-height:1.65}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(min-width:768px){.hero-title{font-size:5rem}.hero-subtitle{font-size:1.35rem}}.mockup-container{margin-top:4.5rem;perspective:1200px;max-width:900px;margin-left:auto;margin-right:auto}.mockup-card{background:linear-gradient(145deg,#0e1628,#090e1c);border-radius:14px;border:1px solid rgba(255,255,255,.08);transform:rotateX(8deg);box-shadow:0 40px 80px -20px #000000b3,0 0 60px #6366f11f,0 0 120px #6366f10f;overflow:hidden}.mockup-img{width:100%;display:block;opacity:.85}.floating-card{position:absolute;background:#040916e6;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #0006,0 0 20px #6366f11a;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.float-1{top:2rem;left:-2rem}.float-2{bottom:3rem;right:-1rem}.features-section{padding:5rem 0;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:3.5rem}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin:0 auto}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1.75rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 60%);pointer-events:none}.feature-card:hover{transform:translateY(-6px);border-color:#6366f133;box-shadow:0 20px 40px #0006,0 0 30px #6366f114}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff}.feature-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);letter-spacing:-.01em}.feature-desc{color:var(--text-secondary);line-height:1.65;font-size:.9rem}.grad-blue{background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 4px 14px #0ea5e959}.grad-green{background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 4px 14px #10b98159}.grad-orange{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 4px 14px #f59e0b59}.grad-purple{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 4px 14px #8b5cf659}.grad-indigo{background:linear-gradient(135deg,#6366f1,#3b82f6);box-shadow:0 4px 14px #6366f159}.grad-red{background:linear-gradient(135deg,#f43f5e,#f97316);box-shadow:0 4px 14px #f43f5e59}.grad-cyan{background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 4px 14px #06b6d459}.grad-violet{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 14px #7c3aed59}.cta-section{text-align:center;padding:5rem 0;position:relative;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.05) 50%,transparent 100%)}.footer{background:#020617fa;border-top:1px solid rgba(255,255,255,.05);padding:2.5rem 0 1.5rem;position:relative;z-index:10}.footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:2.5rem}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}.footer h4{color:var(--text-primary);margin-bottom:1.25rem;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:none;-webkit-text-fill-color:var(--text-primary)}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin-bottom:.6rem}.footer a{color:var(--text-muted);text-decoration:none;transition:all .2s;font-size:.9rem;display:inline-block}.footer a:hover{color:var(--primary-light);transform:translate(4px)}.social-links{display:flex;gap:.75rem;margin-top:1.25rem}.social-icon{color:var(--text-muted);transition:all .25s;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:.45rem;border-radius:8px;display:flex}.social-icon:hover{color:#fff;background:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.newsletter-form{display:flex;gap:.5rem;margin-top:.75rem;position:relative;z-index:20}.copyright{text-align:center;color:var(--text-dim);font-size:.85rem;border-top:1px solid rgba(255,255,255,.04);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.stat-card{transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000059}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#6366f159;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f199}.spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.reveal-on-scroll{opacity:0;transform:translateY(28px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:pointer;margin-top:-8px;box-shadow:0 0 12px #6366f180}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#ffffff1a;border-radius:2px}input[type=range]:focus::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--primary),var(--accent-cyan))}.simulator-slider{position:relative;z-index:100;cursor:pointer;touch-action:none;height:40px;padding:0;margin:8px 0;pointer-events:auto!important}.manual-input{background:transparent;border:none;font-family:inherit;font-size:2.5rem;font-weight:800;width:auto;min-width:100px;max-width:300px;text-align:left;padding:0;margin:0 0 0 .5rem;outline:none}.manual-input:focus{border-bottom:1px solid rgba(255,255,255,.2)}.manual-input::-webkit-outer-spin-button,.manual-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.manual-input[type=number]{-moz-appearance:textfield}.hover-row{transition:background .2s ease,transform .15s ease}.hover-row:hover{background:#6366f10f!important;transform:scale(1.005);box-shadow:0 2px 12px #0003;z-index:10;position:relative}input[type=date],input[type=month]{color-scheme:dark;cursor:pointer;padding:.5rem .75rem!important;height:auto;line-height:1.2}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(2);cursor:pointer;opacity:.8;width:14px;height:14px;margin-left:4px}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-datetime-edit,input[type=month]::-webkit-datetime-edit{color:#fff;padding:0}input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=month]::-webkit-datetime-edit-fields-wrapper{color:#fff;padding:0}input[type=date]::-webkit-datetime-edit-year-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=month]::-webkit-datetime-edit-year-field,input[type=month]::-webkit-datetime-edit-month-field{color:#fff;padding:0 2px}input[type=date]::-webkit-datetime-edit-text,input[type=month]::-webkit-datetime-edit-text{color:transparent;padding:0 2px}input[type=date]:invalid,input[type=month]:invalid{color:var(--text-muted)}.animate-aurora{background:linear-gradient(135deg,#818cf8,#a855f7,#ec4899,#f43f5e,#818cf8);background-size:300% 100%;animation:aurora-gradient 5s linear infinite;-webkit-background-clip:text;background-clip:text;color:transparent}.bg-grid-pattern{background-size:50px 50px;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px)}.glow-indigo{box-shadow:0 0 30px #6366f14d}.glow-cyan{box-shadow:0 0 30px #06b6d44d}.glow-rose{box-shadow:0 0 30px #f43f5e4d}.glow-green{box-shadow:0 0 30px #10b9814d}.section-glow-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),rgba(6,182,212,.3),transparent);margin:0}body{background-color:var(--bg-void);background-attachment:fixed}.container{max-width:1280px;margin:0 auto;padding:.75rem 1.25rem}@keyframes border-aurora{0%{border-color:#6366f166}33%{border-color:#06b6d466}66%{border-color:#ec48994d}to{border-color:#6366f166}}.glass-panel:focus-within,.glass-pro:focus-within{animation:border-aurora 4s linear infinite}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none;border-radius:inherit}h1.dashboard-title,.app-page-title{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#f0f4ff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:transparent}.glass-panel,.glass-pro{transition:border-color .3s ease,box-shadow .3s ease}.glass-panel:hover{border-color:#6366f126;box-shadow:0 8px 32px #0006,0 0 20px #6366f10d,inset 0 1px #ffffff0d}.container ::-webkit-scrollbar{width:5px}.container ::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.progress-bar-premium{height:4px;border-radius:2px;background:linear-gradient(90deg,#6366f1,#06b6d4,#8b5cf6);background-size:200% auto;animation:aurora-gradient 3s linear infinite}.badge-pro{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:99px;color:var(--primary-light);font-size:.75rem;font-weight:600;letter-spacing:.03em}.live-dot{display:inline-block;width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981b3;animation:pulse 2s ease infinite}table{border-collapse:collapse;width:100%}th{color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.65rem}td{padding:.65rem;border-bottom:1px solid rgba(255,255,255,.03)}.modal-overlay{background:#020617d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tooltip{background:var(--bg-raised);border:1px solid var(--glass-border);color:var(--text-main);padding:.35rem .65rem;border-radius:6px;font-size:.8rem;box-shadow:0 4px 12px #0006}.tab-btn{background:none;border:none;color:var(--text-muted);padding:.45rem .85rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tab-btn.active{background:linear-gradient(135deg,#6366f133,#8b5cf61a);color:var(--primary-light);border:1px solid rgba(99,102,241,.25)}.tab-btn:hover:not(.active){background:#ffffff0a;color:var(--text-primary)}@keyframes value-flash{0%{color:#34d399}to{color:inherit}}.value-updated{animation:value-flash 1s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .45s ease-out forwards}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.app-page{position:relative;min-height:100vh}.app-page-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.app-page-bg:before{content:"";position:absolute;top:-120px;left:-80px;width:600px;height:600px;background:radial-gradient(circle at center,rgba(99,102,241,.18) 0%,rgba(139,92,246,.1) 40%,transparent 70%);filter:blur(40px);animation:blob 20s ease-in-out infinite}.app-page-bg:after{content:"";position:absolute;top:50px;right:-100px;width:500px;height:500px;background:radial-gradient(circle at center,rgba(6,182,212,.12) 0%,rgba(14,165,233,.07) 40%,transparent 70%);filter:blur(50px);animation:blob 25s ease-in-out infinite;animation-delay:-8s}.aurora-orb-bottom{position:absolute;bottom:80px;right:100px;width:450px;height:450px;background:radial-gradient(circle at center,rgba(236,72,153,.1) 0%,rgba(244,63,94,.06) 40%,transparent 70%);filter:blur(50px);animation:blob 22s ease-in-out infinite;animation-delay:-14s;pointer-events:none}.aurora-orb-left{position:absolute;bottom:200px;left:10%;width:380px;height:380px;background:radial-gradient(circle at center,rgba(139,92,246,.09) 0%,transparent 70%);filter:blur(45px);animation:blob 28s ease-in-out infinite;animation-delay:-5s;pointer-events:none}.app-page-bg .grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px}.va-wrapper{--va-primary: #9d4edd;--va-primary-glow: rgba(157, 78, 221, .5);--va-secondary: #00f5d4;--va-secondary-glow: rgba(0, 245, 212, .4);--va-accent: #f72585;--va-bg-dark: #02040a;--va-surface: rgba(10, 15, 30, .5);--va-surface-2: rgba(20, 28, 55, .5);--va-border: rgba(255, 255, 255, .08);--va-border-glow: rgba(157, 78, 221, .2);--va-text: #f1f5f9;--va-muted: #64748b;--va-font: "Outfit", "Inter", -apple-system, sans-serif;font-family:var(--va-font);background:var(--va-bg-dark);color:var(--va-text);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-font-smoothing:antialiased}.va-background-effects{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:#030614;background-image:radial-gradient(circle at 10% 20%,rgba(56,18,114,.45) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,115,120,.35) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(136,17,86,.2) 0%,transparent 50%),radial-gradient(circle at 80% 10%,rgba(29,78,216,.3) 0%,transparent 40%);filter:blur(80px);animation:bg-mesh 18s ease-in-out infinite alternate}@keyframes bg-mesh{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(-2%,3%)}to{transform:scale(1.05) translate(2%,-2%)}}.va-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;z-index:1;mask-image:linear-gradient(to bottom,#000,#0000004d);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.3) 100%)}.va-header{position:relative;z-index:100;padding:.85rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#04060fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--va-border);flex-shrink:0}.va-back-btn{background:#ffffff0d;border:1px solid var(--va-border);color:var(--va-text);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0}.va-back-btn:hover{background:#ffffff1a;border-color:var(--va-secondary);color:var(--va-secondary);transform:translate(-2px)}.va-logo{display:flex;align-items:center;gap:.75rem}.va-logo-icon-wrap{background:linear-gradient(135deg,var(--va-primary),var(--va-secondary));width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px var(--va-primary-glow);animation:va-logo-pulse 3s ease-in-out infinite}@keyframes va-logo-pulse{0%,to{box-shadow:0 4px 14px var(--va-primary-glow)}50%{box-shadow:0 4px 28px var(--va-primary-glow),0 0 40px #00f5d433}}.va-title{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;line-height:1}.va-subtitle{margin:2px 0 0;font-size:.72rem;color:var(--va-muted)}.va-gradient-text{background:linear-gradient(90deg,var(--va-secondary),var(--va-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.va-header-center{flex:1;display:flex;justify-content:center}.va-session-pills{display:flex;gap:.6rem}.va-pill{display:flex;align-items:center;gap:.35rem;padding:.3rem .75rem;background:#ffffff0a;border:1px solid var(--va-border);border-radius:99px;font-size:.75rem;color:var(--va-muted);font-weight:600;font-family:Courier New,monospace}.va-pill-dot{width:7px;height:7px;border-radius:50%;animation:va-blink 2s ease infinite}@keyframes va-blink{0%,to{opacity:1}50%{opacity:.3}}.va-header-actions{display:flex;align-items:center;gap:.75rem}.va-model-select{background:#141c37cc;color:#fff;border:1px solid rgba(255,255,255,.1);padding:.4rem .75rem;border-radius:8px;outline:none;font-size:.82rem;cursor:pointer;font-family:var(--va-font)}.va-status-badge{display:flex;align-items:center;gap:7px;padding:.35rem .85rem;background:#00f5d414;border:1px solid rgba(0,245,212,.2);border-radius:99px;font-size:.8rem;font-weight:600;color:var(--va-secondary)}.va-status-dot{width:7px;height:7px;background:var(--va-secondary);border-radius:50%;box-shadow:0 0 8px var(--va-secondary-glow);animation:va-blink 2s ease infinite}.va-body{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:1fr 340px;gap:0;overflow:hidden;height:calc(100vh - 72px)}.va-panel-card{background:var(--va-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--va-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.va-panel-header{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;border-bottom:1px solid var(--va-border);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--va-muted);flex-shrink:0}.va-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem 1.5rem;gap:1.5rem;overflow-y:auto}.va-orb-section{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:420px}.va-assistant-visualizer{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.va-ai-orb{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .4s ease;z-index:2}.va-orb-core{width:100%;height:100%;border-radius:50%;z-index:5;transition:all .5s ease}.va-orb-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid transparent;z-index:1;opacity:0;transition:all .3s ease}.va-orb-idle .va-orb-core{background:radial-gradient(circle at 35% 35%,#2d1b4e,#09080f);box-shadow:0 0 30px #9d4edd33,inset -8px -8px 20px #00000080,inset 3px 3px 10px #9d4edd1a;animation:va-breathe 4s ease-in-out infinite}.va-orb-idle .va-ring-1{width:160px;height:160px;border-color:#9d4edd1f;opacity:1}.va-orb-idle .va-ring-2{width:185px;height:185px;border-color:#9d4edd0f;opacity:1}@keyframes va-breathe{0%,to{transform:scale(1);box-shadow:0 0 30px #9d4edd33}50%{transform:scale(1.04);box-shadow:0 0 50px #9d4edd59}}.va-orb-listening .va-orb-core{background:radial-gradient(circle at 35% 35%,#00e5c8,#00b4d8);box-shadow:0 0 70px var(--va-secondary-glow),inset -8px -8px 20px #0000004d;animation:va-listen-pulse 1.4s ease-out infinite}.va-orb-listening .va-orb-ring{border-color:var(--va-secondary);animation:va-ripple 1.6s linear infinite;opacity:1}.va-orb-listening .va-ring-1{width:160px;height:160px;animation-delay:0s}.va-orb-listening .va-ring-2{width:185px;height:185px;animation-delay:.5s}.va-orb-listening .va-ring-3{width:210px;height:210px;animation-delay:1s}@keyframes va-listen-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.va-orb-processing .va-orb-core{background:radial-gradient(circle at 35% 35%,#f72585,#9d4edd);box-shadow:0 0 60px #f7258580,inset -8px -8px 20px #0000004d;animation:va-spin-scale 2s cubic-bezier(.4,0,.2,1) infinite}.va-orb-processing .va-ring-1{width:165px;height:165px;border-top-color:#f72585;border-bottom-color:var(--va-primary);opacity:1;animation:va-spin 1s linear infinite}.va-orb-processing .va-ring-2{width:190px;height:190px;border-left-color:#f7258566;opacity:1;animation:va-spin 1.5s linear infinite reverse}@keyframes va-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes va-spin-scale{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}.va-orb-speaking .va-orb-core{background:radial-gradient(circle at 35% 35%,var(--va-primary),var(--va-secondary));box-shadow:0 0 70px var(--va-primary-glow),0 0 30px var(--va-secondary-glow),inset -8px -8px 20px #0000004d;animation:va-speak-bounce .5s ease-in-out infinite alternate}.va-orb-speaking .va-ring-1,.va-orb-speaking .va-ring-2,.va-orb-speaking .va-ring-3{border-color:#9d4edd66;opacity:1;animation:va-speak-wave 1.4s ease-out infinite}.va-orb-speaking .va-ring-1{width:160px;height:160px;animation-delay:0s}.va-orb-speaking .va-ring-2{width:185px;height:185px;animation-delay:.4s}.va-orb-speaking .va-ring-3{width:210px;height:210px;animation-delay:.8s}@keyframes va-speak-bounce{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes va-speak-wave{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes va-ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.va-status-row{display:flex;align-items:center;gap:8px}.va-live-dot{width:9px;height:9px;border-radius:50%;transition:all .4s ease}.va-status-label{font-size:1rem;font-weight:700;letter-spacing:.01em;transition:color .4s ease}.va-transcript-box{width:100%;min-height:72px;background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.va-transcript-text{margin:0;font-size:1rem;font-style:italic;line-height:1.5;display:flex;align-items:flex-start;gap:.4rem;animation:va-fade-in .3s ease}.va-ai-speech{color:#c084fc}.va-user-speech{color:var(--va-secondary)}.va-placeholder-text{margin:0;font-size:.9rem;color:var(--va-muted)}.va-thinking-dots{display:flex;gap:6px;align-items:center}.va-thinking-dots span{width:8px;height:8px;border-radius:50%;background:var(--va-primary);animation:va-dot-pulse 1.4s ease-in-out infinite}.va-thinking-dots span:nth-child(2){animation-delay:.2s}.va-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes va-dot-pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}@keyframes va-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.va-controls{display:flex;gap:1rem;align-items:center;justify-content:center}.va-control-btn{width:58px;height:58px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.va-mic-btn{width:72px;height:72px;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1.5px solid rgba(255,255,255,.18);color:#fff;box-shadow:0 8px 24px #0006}.va-mic-btn:hover:not(:disabled){transform:scale(1.1) translateY(-3px);background:#ffffff2e;box-shadow:0 12px 32px #00000080}.va-mic-btn:disabled{opacity:.4;cursor:not-allowed}.va-mic-btn.va-listening{background:#f725852e;border-color:#f72585;color:#f72585;box-shadow:0 0 30px #f725854d,0 8px 24px #0006;animation:va-mic-pulse 1.5s ease-in-out infinite}@keyframes va-mic-pulse{0%,to{box-shadow:0 0 20px #f725854d,0 8px 24px #0006}50%{box-shadow:0 0 40px #f7258580,0 8px 24px #0006}}.va-mic-btn.va-processing{animation:va-process-spin 2s linear infinite;border-color:#f72585}@keyframes va-process-spin{0%{border-top-color:#f72585;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}25%{border-top-color:transparent;border-right-color:var(--va-primary);border-bottom-color:transparent;border-left-color:transparent}50%{border-top-color:transparent;border-right-color:transparent;border-bottom-color:var(--va-secondary);border-left-color:transparent}75%{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:#f59e0b}to{border-top-color:#f72585;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}}.va-stop-btn{background:#ff95001a;border:1.5px solid rgba(255,149,0,.4);color:#ff9500}.va-stop-btn:hover{background:#ff950033;transform:scale(1.08) translateY(-2px);box-shadow:0 8px 20px #ff95004d}.va-clear-btn{background:#64748b1a;border:1.5px solid rgba(100,116,139,.2);color:var(--va-muted)}.va-clear-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:scale(1.08) translateY(-2px)}.va-mic-hint{margin:0;font-size:.75rem;color:var(--va-muted);text-align:center;opacity:.7}.va-waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;width:100%;max-width:380px}.va-wave-bar{width:3px;height:6px;background:#ffffff1a;border-radius:99px;transition:all .3s ease}.va-wave-active .va-wave-bar{background:var(--va-secondary);animation:va-wave 1.2s ease-in-out infinite alternate}.va-wave-speaking .va-wave-bar{background:var(--va-primary);animation:va-wave .6s ease-in-out infinite alternate}@keyframes va-wave{0%{height:4px;opacity:.5}to{height:32px;opacity:1}}.va-right-panel{border-left:1px solid var(--va-border);display:flex;flex-direction:column;gap:1rem;padding:1.25rem;overflow-y:auto;background:#04060f66}.va-log-card{flex:1 1 auto;min-height:0;max-height:60vh;display:flex;flex-direction:column}.va-log-count{margin-left:auto;background:#f59e0b26;color:#f59e0b;border-radius:99px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.va-log-body{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.va-log-body::-webkit-scrollbar{width:6px}.va-log-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.va-log-body::-webkit-scrollbar-thumb{background:#9d4edd4d;border-radius:10px}.va-log-body::-webkit-scrollbar-thumb:hover{background:#9d4edd99}.va-log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#334155;text-align:center}.va-log-empty p{font-size:.78rem;margin:0}.va-log-entry{border-radius:10px;padding:.65rem .75rem;animation:va-fade-in .3s ease}.va-log-entry.user{background:#00f5d40f;border:1px solid rgba(0,245,212,.12)}.va-log-entry.ai{background:#9d4edd0f;border:1px solid rgba(157,78,221,.12)}.va-log-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.va-log-role{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--va-muted)}.va-log-entry.user .va-log-role{color:var(--va-secondary)}.va-log-entry.ai .va-log-role{color:var(--va-primary)}.va-log-time{font-size:.65rem;color:#334155;font-family:monospace}.va-log-text{margin:0;font-size:.78rem;color:#f1f5f9bf;line-height:1.45}.va-stats-card{flex-shrink:0}.va-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--va-border);border-radius:0 0 14px 14px;overflow:hidden}.va-stat-item{background:#0a0e1e99;padding:.85rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.va-stat-val{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;font-family:Courier New,monospace}.va-stat-lbl{font-size:.65rem;color:var(--va-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}@media(max-width:1100px){.va-body{grid-template-columns:240px 1fr 260px}}@media(max-width:860px){.va-body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow-y:auto}.va-left-panel,.va-right-panel{border:none;border-bottom:1px solid var(--va-border)}.va-left-panel{order:2}.va-center{order:1}.va-right-panel{order:3}.va-header-center{display:none}}