@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Syne:wght@600;700;800&family=DM+Sans:wght@400;500;700&family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg:#fdfdfe;--bg-2:#fff;--bg-3:#f8f9fa;--glass-bg:#ffffffbf;--glass-border:#0000000d;--shadow:0 8px 30px #0000000a;--spring:cubic-bezier(.34, 1.56, .64, 1);--spring-soft:cubic-bezier(.4, 0, .2, 1);--btn-primary-text:#fff;--primary-dim:#2563eb;--touch-target:44px;--glow:0 0 20px #2563eb1a;--surface:#ffffffd9;--surface-2:#f8f9faf2;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--accent:#10b981;--accent-2:#059669;--accent-3:#f59e0b;--accent-4:#10b981;--accent-5:#6366f1;--border-glow:#2563eb33;--danger:#ef4444;--border:#e2e8f0cc;--border-strong:#cbd5e1;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius:14px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 10px 40px #0000000f;--shadow-lg:0 20px 60px #0000001a;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--spring-bounce:cubic-bezier(.34, 1.56, .64, 1);--container-max:1200px;--navbar-height:80px;--nav-h:80px;--nav-bg:#fffc;--sidebar-width:280px;--glass-blur:blur(24px);--grid-color:#00000008}[data-theme=dark]{--bg:#020617;--bg-2:#0f172a;--bg-3:#1e293b;--glass-bg:#0f172acc;--glass-border:#ffffff0d;--shadow:0 10px 40px #00000080;--primary-dim:#3b82f6;--glow:0 0 24px #3b82f626;--surface:#0f172ad9;--surface-2:#1e293bf2;--text:#f8fafc;--text-2:#94a3b8;--text-3:#64748b;--primary:#3b82f6;--primary-hover:#60a5fa;--accent:#10b981;--accent-2:#34d399;--accent-3:#fbbf24;--accent-4:#10b981;--accent-5:#818cf8;--border-glow:#3b82f64d;--danger:#f87171;--border:#ffffff14;--border-strong:#ffffff26;--shadow-md:0 10px 40px #0006;--shadow-lg:0 20px 80px #0009;--nav-bg:#020617cc;--grid-color:#ffffff0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;letter-spacing:-.011em;overscroll-behavior-y:none;min-height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;transition:background-color .5s,color .5s;overflow-x:hidden}#root{width:100%}h1,h2,h3,h4,h5,.nav-logo,.stat-value{letter-spacing:-.04em;color:var(--text);margin:0;font-family:Syne,sans-serif;line-height:1.1}h1{font-size:clamp(2.8rem,7vw,5rem);font-weight:800}h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h3{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700}h4{font-size:1.25rem;font-weight:600}a{color:inherit;transition:var(--transition);text-decoration:none}a:hover{color:var(--primary)}img,video{border-radius:var(--radius-md);max-width:100%;height:auto}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-2)}.text-dim{color:var(--text-3)}.text-danger{color:var(--danger)}.text-primary{color:var(--primary)}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-5) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;display:inline-block}.w-full{width:100%}.h-full{height:100%}.hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b833 padding-box padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b866 padding-box padding-box;border:2px solid #0000}:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}::selection{background:var(--primary);color:#fff}.streak-card{text-align:center;position:relative;overflow:hidden}.streak-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#f59e0b0f 0%,#ef44440a 100%);position:absolute;inset:0}.streak-flame{margin-bottom:2px;font-size:28px;animation:2s ease-in-out infinite streakPulse}.streak-value{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem!important;font-weight:800!important}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.daily-tip-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-left:4px solid var(--accent-3);border-radius:var(--radius);animation:tipSlideIn .4s var(--spring) both;align-items:flex-start;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex;position:relative}.daily-tip-icon{flex-shrink:0;margin-top:2px;font-size:24px}.daily-tip-content{flex:1;min-width:0}.daily-tip-label{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-3);align-items:center;gap:8px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.daily-tip-category{color:var(--accent-3);text-transform:capitalize;background:#f59e0b1f;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500}.daily-tip-text{color:var(--text);font-size:14px;line-height:1.5}.daily-tip-dismiss{color:var(--text-3);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:14px}.daily-tip-dismiss:hover{color:var(--text);background:#94a3b81a}@keyframes tipSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.weekly-review-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:24px;animation:.3s both overlayFadeIn;display:flex;position:fixed;inset:0}.weekly-review-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;animation:modalSlideUp .4s var(--spring) both;padding:32px;position:relative;box-shadow:0 24px 80px #00000040}.weekly-review-close{color:var(--text-3);cursor:pointer;width:32px;height:32px;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:16px;right:16px}.weekly-review-close:hover{color:var(--text);background:#94a3b81a}.weekly-review-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.weekly-review-stat{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px 8px}.weekly-review-stat-value{font-family:Syne,sans-serif;font-size:24px;font-weight:800;line-height:1.2}.weekly-review-stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:11px}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.landing-nav{z-index:1000;height:var(--landing-nav-height);border-bottom:1px solid #0000;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}.landing-nav--scrolled{-webkit-backdrop-filter:blur(20px);background:#050816d9;border-bottom-color:#ffffff0f;box-shadow:0 4px 30px #0000004d}[data-theme=light] .landing-nav--scrolled{background:#f8fafce0;border-bottom-color:#0000000f;box-shadow:0 4px 30px #0000000f}.landing-nav__inner{max-width:var(--landing-container);padding:0 var(--landing-section-px);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.landing-nav__logo{font-family:var(--landing-font-display);letter-spacing:-.04em;color:var(--landing-text);z-index:1001;align-items:center;gap:6px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.landing-nav__logo-accent{color:var(--landing-primary)}.landing-nav__logo-dot{background:var(--landing-primary);border-radius:50%;width:8px;height:8px;margin-right:2px;box-shadow:0 0 12px #3b82f680}.landing-nav__links{align-items:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.landing-nav__link{color:var(--landing-text-2);font-size:14px;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.landing-nav__link:hover{color:var(--landing-text)}.landing-nav__link:after{content:"";background:var(--landing-primary);border-radius:1px;width:0;height:2px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0}.landing-nav__link:hover:after{width:100%}.landing-nav__actions{align-items:center;gap:16px;display:flex}.landing-nav__theme-btn{width:36px;height:36px;color:var(--landing-text-2);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.landing-nav__theme-btn:hover{color:var(--landing-text);background:#ffffff14;border-color:#ffffff26}[data-theme=light] .landing-nav__theme-btn{background:#0000000a;border-color:#00000014}[data-theme=light] .landing-nav__theme-btn:hover{background:#00000014;border-color:#00000026}.landing-nav__login{color:var(--landing-text-2);font-size:14px;font-weight:500;text-decoration:none;transition:color .25s}.landing-nav__login:hover{color:var(--landing-text)}.landing-nav__cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%) 0%/200% 200%;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,background-position .5s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #3b82f640}.landing-nav__cta:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.landing-nav__cta:hover{background-position:100%;transform:translateY(-2px)scale(1.04);box-shadow:0 6px 24px #3b82f666}.landing-nav__cta:hover:before{left:100%}.landing-nav__cta:active{transition:transform .1s;transform:translateY(0)scale(.98)}.landing-nav__hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.landing-nav__hamburger span{transform-origin:50%;background:#fff;border-radius:2px;width:100%;height:2px;transition:all .3s cubic-bezier(.16,1,.3,1);display:block}.landing-nav__hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.landing-nav__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.landing-nav__hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.landing-nav__mobile{-webkit-backdrop-filter:blur(30px);z-index:999;background:#050816f7;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:none;position:fixed;inset:0}[data-theme=light] .landing-nav__mobile{background:#f8fafcf7}.landing-nav__mobile--open{display:flex}.landing-nav__mobile-link{font-family:var(--landing-font-display);color:var(--landing-text);opacity:.8;font-size:28px;font-weight:700;text-decoration:none;transition:opacity .2s}.landing-nav__mobile-link:hover{opacity:1}@media (width<=768px){.landing-nav__links,.landing-nav__actions{display:none}.landing-nav__hamburger{display:flex}}.jarvis-backdrop{z-index:9997;-webkit-backdrop-filter:blur(2px);opacity:0;will-change:opacity;background:#00000014;animation:.4s cubic-bezier(.4,0,.2,1) forwards jarvis-fade-in;position:fixed;inset:0}.jarvis-backdrop.jarvis-closing{animation:.3s cubic-bezier(.4,0,.2,1) forwards jarvis-fade-out}@keyframes jarvis-fade-in{to{opacity:1}}@keyframes jarvis-fade-out{0%{opacity:1}to{opacity:0}}.jarvis-fab{z-index:9999;cursor:pointer;will-change:transform;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 50%,#8b5cf6 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;display:flex;position:fixed;bottom:28px;right:28px;overflow:hidden;box-shadow:0 4px 20px #3b82f666,0 0 40px #6366f126}.jarvis-fab:before{content:"";z-index:-1;opacity:0;background:conic-gradient(#3b82f6,#8b5cf6,#ec4899,#8b5cf6,#3b82f6);border-radius:50%;transition:opacity .5s;animation:4s linear infinite jarvis-conic-spin;position:absolute;inset:-2px}.jarvis-fab:hover:before{opacity:1}.jarvis-fab:hover{transform:scale(1.12)rotate(5deg);box-shadow:0 8px 35px #3b82f680,0 0 60px #6366f133}.jarvis-fab:active{transition-duration:.1s;transform:scale(.92)}@keyframes jarvis-conic-spin{to{transform:rotate(360deg)}}.jarvis-fab-icon{color:#fff;will-change:transform;width:28px;height:28px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s}.jarvis-fab:hover .jarvis-fab-icon{transform:rotate(20deg)scale(1.08)}.jarvis-fab-pulse{border:2px solid #6366f180;border-radius:50%;animation:2.5s cubic-bezier(.4,0,.2,1) infinite jarvis-pulse;position:absolute;inset:-5px}@keyframes jarvis-pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.45)}to{opacity:0;transform:scale(1.45)}}.jarvis-window{z-index:9998;background:var(--glass-bg,#ffffffd1);-webkit-backdrop-filter:blur(28px)saturate(1.8);border:1px solid var(--glass-border,#0000000f);transform-origin:100% 100%;will-change:transform, opacity;border-radius:24px;flex-direction:column;width:400px;height:580px;max-height:580px;animation:.5s cubic-bezier(.16,1,.3,1) forwards jarvis-window-in;display:flex;position:fixed;bottom:100px;right:28px;overflow:hidden;box-shadow:0 25px 80px #0000001f,0 0 0 1px #6366f10d,0 0 50px #6366f10f,inset 0 1px #ffffff26}.jarvis-window.jarvis-closing{animation:.35s cubic-bezier(.4,0,1,1) forwards jarvis-window-out}@keyframes jarvis-window-in{0%{opacity:0;filter:blur(4px);transform:scale(.4)translateY(30px)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes jarvis-window-out{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}to{opacity:0;filter:blur(4px);transform:scale(.4)translateY(30px)}}.jarvis-header{border-bottom:1px solid var(--border,#e2e8f0cc);background:linear-gradient(135deg,#3b82f614 0%,#8b5cf60f 100%);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both jarvis-header-in;display:flex}@keyframes jarvis-header-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.jarvis-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both jarvis-avatar-pop;display:flex;position:relative;overflow:hidden}@keyframes jarvis-avatar-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.jarvis-avatar:after{content:"";background:linear-gradient(135deg,#0000 30%,#ffffff4d 50%,#0000 70%) 0 0/300% 300%;animation:4s ease-in-out infinite jarvis-avatar-shine;position:absolute;inset:0}@keyframes jarvis-avatar-shine{0%,to{background-position:200% 200%}50%{background-position:-200% -200%}}.jarvis-avatar svg{color:#fff;z-index:1;width:22px;height:22px}.jarvis-header-info{flex:1;min-width:0}.jarvis-header-name{color:var(--text,#0f172a);letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;line-height:1.2}.jarvis-header-status{color:var(--text-3,#94a3b8);align-items:center;gap:5px;margin-top:2px;font-size:.72rem;display:flex}.jarvis-status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite jarvis-dot-pulse;box-shadow:0 0 8px #10b98199}@keyframes jarvis-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.jarvis-close-btn{width:34px;height:34px;color:var(--text-3,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.jarvis-close-btn:hover{color:var(--danger,#ef4444);background:#ef444414;transform:rotate(90deg)}.jarvis-close-btn svg{width:18px;height:18px}.jarvis-messages{scroll-behavior:smooth;overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.jarvis-messages::-webkit-scrollbar{width:4px}.jarvis-messages::-webkit-scrollbar-track{background:0 0}.jarvis-messages::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:99px}.jarvis-msg{will-change:transform, opacity;word-wrap:break-word;overflow-wrap:break-word;border-radius:18px;max-width:85%;padding:12px 16px;font-size:.875rem;line-height:1.6;transition:box-shadow .3s}.jarvis-msg-user{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-bottom-right-radius:6px;align-self:flex-end;animation:.45s cubic-bezier(.16,1,.3,1) both jarvis-msg-user-in;box-shadow:0 3px 16px #3b82f633}@keyframes jarvis-msg-user-in{0%{opacity:0;transform:translate(20px,12px)scale(.85)}to{opacity:1;transform:translate(0,0)scale(1)}}.jarvis-msg-bot{background:var(--surface-2,#f8f9faf2);color:var(--text,#0f172a);border:1px solid var(--border,#e2e8f0cc);border-bottom-left-radius:6px;align-self:flex-start;animation:.5s cubic-bezier(.16,1,.3,1) both jarvis-msg-bot-in}@keyframes jarvis-msg-bot-in{0%{opacity:0;transform:translate(-20px,12px)scale(.85)}to{opacity:1;transform:translate(0,0)scale(1)}}.jarvis-msg:hover{box-shadow:0 4px 20px #0000000f}.jarvis-msg-bot p{margin:0 0 8px}.jarvis-msg-bot p:last-child{margin-bottom:0}.jarvis-msg-bot h1,.jarvis-msg-bot h2,.jarvis-msg-bot h3,.jarvis-msg-bot h4{color:var(--primary,#3b82f6);margin:12px 0 6px;font-family:Syne,sans-serif;font-weight:700;line-height:1.3}.jarvis-msg-bot h1{font-size:1.2rem}.jarvis-msg-bot h2{font-size:1.1rem}.jarvis-msg-bot h3{font-size:1rem}.jarvis-msg-bot h4{font-size:.95rem}.jarvis-msg-bot code{background:#6366f11a;border-radius:5px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.jarvis-msg-bot pre{background:var(--bg-2,#0f172a);color:var(--text,#f8fafc);border-radius:12px;margin:8px 0;padding:12px;font-size:.8rem;overflow-x:auto}.jarvis-msg-bot pre code{background:0 0;padding:0}.jarvis-msg-bot strong{color:var(--primary,#3b82f6);font-weight:600}.jarvis-msg-bot ul,.jarvis-msg-bot ol{margin:6px 0;padding-left:18px}.jarvis-msg-bot li{margin-bottom:3px}.jarvis-typing{background:var(--surface-2,#f8f9faf2);border:1px solid var(--border,#e2e8f0cc);border-radius:18px 18px 18px 6px;align-self:flex-start;align-items:center;gap:5px;padding:14px 20px;animation:.4s cubic-bezier(.16,1,.3,1) both jarvis-msg-bot-in;display:flex}.jarvis-typing-dot{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite jarvis-typing-wave}.jarvis-typing-dot:nth-child(2){animation-delay:.2s}.jarvis-typing-dot:nth-child(3){animation-delay:.4s}@keyframes jarvis-typing-wave{0%,60%,to{opacity:.35;transform:translateY(0)scale(.8)}30%{opacity:1;transform:translateY(-8px)scale(1)}}.jarvis-welcome{text-align:center;padding:24px 16px;animation:.7s cubic-bezier(.16,1,.3,1) .15s both jarvis-welcome-in}@keyframes jarvis-welcome-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.jarvis-welcome-icon{background:linear-gradient(135deg,#3b82f61f,#8b5cf61a);border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;animation:3s ease-in-out infinite jarvis-icon-float;display:flex}@keyframes jarvis-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.jarvis-welcome-icon svg{width:28px;height:28px;color:var(--primary,#3b82f6)}.jarvis-welcome h4{color:var(--text,#0f172a);margin-bottom:6px;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700}.jarvis-welcome p{color:var(--text-3,#94a3b8);font-size:.82rem;line-height:1.55}.jarvis-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.jarvis-suggestion-btn{border:1px solid var(--border,#e2e8f0cc);background:var(--glass-bg,#ffffffbf);color:var(--text-2,#475569);cursor:pointer;will-change:transform;border-radius:22px;padding:8px 15px;font-family:Inter,sans-serif;font-size:.75rem;transition:all .35s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) both jarvis-chip-in}.jarvis-suggestion-btn:first-child{animation-delay:.25s}.jarvis-suggestion-btn:nth-child(2){animation-delay:.35s}.jarvis-suggestion-btn:nth-child(3){animation-delay:.45s}.jarvis-suggestion-btn:nth-child(4){animation-delay:.55s}.jarvis-suggestion-btn:nth-child(5){animation-delay:.65s}.jarvis-suggestion-btn:nth-child(6){animation-delay:.75s}@keyframes jarvis-chip-in{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.jarvis-suggestion-btn:hover{border-color:var(--primary,#3b82f6);color:var(--primary,#3b82f6);background:linear-gradient(135deg,#3b82f61a,#8b5cf614);transform:translateY(-2px)scale(1.03);box-shadow:0 4px 16px #3b82f61f}.jarvis-suggestion-btn:active{transition-duration:.1s;transform:scale(.96)}.jarvis-input-area{border-top:1px solid var(--border,#e2e8f0cc);background:var(--glass-bg,#fff9);flex-shrink:0;align-items:flex-end;gap:10px;padding:14px 16px;animation:.5s cubic-bezier(.16,1,.3,1) .2s both jarvis-input-in;display:flex}@keyframes jarvis-input-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.jarvis-input-wrapper{flex:1;position:relative}.jarvis-input{border:1.5px solid var(--border,#e2e8f0cc);background:var(--bg,#fdfdfe);width:100%;color:var(--text,#0f172a);resize:none;border-radius:14px;outline:none;min-height:42px;max-height:100px;padding:11px 14px;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.4;transition:border-color .35s,box-shadow .35s,background .35s}.jarvis-input::placeholder{color:var(--text-3,#94a3b8)}.jarvis-input:focus{border-color:var(--primary,#3b82f6);background:var(--bg-2,#fff);box-shadow:0 0 0 4px #3b82f614}.jarvis-send-btn{color:#fff;cursor:pointer;will-change:transform;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex}.jarvis-send-btn:hover:not(:disabled){transform:scale(1.1)rotate(-5deg);box-shadow:0 5px 20px #3b82f659}.jarvis-send-btn:active:not(:disabled){transition-duration:.1s;transform:scale(.9)}.jarvis-send-btn:disabled{opacity:.4;cursor:not-allowed}.jarvis-send-btn svg{width:18px;height:18px}.jarvis-error{color:var(--danger,#ef4444);text-align:center;background:#ef44440f;border:1px solid #ef44441f;border-radius:14px;align-self:center;max-width:90%;padding:10px 16px;font-size:.78rem;animation:.4s cubic-bezier(.16,1,.3,1) both jarvis-msg-bot-in}@media (width<=480px){.jarvis-window{border-radius:20px;width:auto;height:75vh;max-height:75vh;bottom:90px;left:10px;right:10px}.jarvis-fab{width:54px;height:54px;bottom:20px;right:20px}}[data-theme=dark] .jarvis-window{box-shadow:0 25px 80px #00000080,0 0 50px #6366f10f,inset 0 1px #ffffff0a}[data-theme=dark] .jarvis-fab{box-shadow:0 4px 24px #3b82f64d,0 0 50px #6366f11a}[data-theme=dark] .jarvis-msg-bot pre{background:#0c1222;border:1px solid #ffffff0d}[data-theme=dark] .jarvis-input{background:var(--bg-2)}[data-theme=dark] .jarvis-backdrop{background:#00000040}.typing-active:after{content:"▋";vertical-align:bottom;color:var(--primary,#3b82f6);margin-left:3px;font-size:.9em;animation:1s step-end infinite jarvis-cursor-blink;display:inline-block}@keyframes jarvis-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero{text-align:center;min-height:100vh;padding:140px var(--landing-section-px) 80px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#3b82f614 0%,#8b5cf60a 40%,#0000 70%);border-radius:50%;width:900px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--landing-primary);background:#3b82f60f;border:1px solid #3b82f61f;border-radius:9999px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;font-size:12px;font-weight:600;display:inline-flex}.hero__badge-dot{background:var(--landing-primary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite landingGlowPulse;box-shadow:0 0 8px #3b82f699}.hero__title{letter-spacing:-.04em;max-width:850px;margin-bottom:24px;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:900;line-height:1}.hero__title-accent{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#3b82f6 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite landingShimmer}.hero__subtitle{color:var(--landing-text-2);max-width:540px;margin:0 auto 40px;font-size:clamp(15px,2vw,18px);line-height:1.7}.hero__ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:72px;display:flex}.hero__cta-primary{font-family:var(--landing-font);color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%) 0%/200% 200%;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,background-position .5s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #3b82f64d}.hero__cta-primary:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.hero__cta-primary:hover{background-position:100%;transform:translateY(-3px)scale(1.03);box-shadow:0 8px 32px #3b82f673,0 0 0 1px #3b82f633}.hero__cta-primary:hover:before{left:100%}.hero__cta-primary:active{transition:transform .1s;transform:translateY(-1px)scale(.99)}.hero__cta-secondary{font-family:var(--landing-font);color:var(--landing-text-2);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .3s,color .3s,background .3s;display:inline-flex}.hero__cta-secondary:hover{color:var(--landing-text);background:#ffffff14;border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.hero__cta-secondary:active{transition:transform .1s;transform:translateY(-1px)}[data-theme=light] .hero__cta-secondary{background:#00000008;border-color:#0000001a}[data-theme=light] .hero__cta-secondary:hover{background:#0000000f;border-color:#0000002e;box-shadow:0 6px 20px #0000000f}.hero__mockup-wrapper{width:100%;max-width:880px;position:relative}.hero__mockup{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:0;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 80px #3b82f60f}[data-theme=light] .hero__mockup{background:#fff;border-color:#00000014;box-shadow:0 20px 60px #00000014,0 0 0 1px #0000000a}.hero__mockup-bar{background:#ffffff05;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:14px 20px;display:flex}.hero__mockup-dot{border-radius:50%;width:10px;height:10px}.hero__mockup-content{grid-template-columns:1fr 1fr;gap:16px;padding:24px;display:grid}.hero__mockup-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;padding:20px}.hero__mockup-label{text-transform:uppercase;letter-spacing:.08em;color:var(--landing-text-3);margin-bottom:10px;font-size:10px;font-weight:700}.hero__mockup-value{font-family:var(--landing-font-display);color:var(--landing-text);font-size:36px;font-weight:800}.hero__mockup-meta{margin-top:8px;font-size:12px}.hero__mockup-glow{pointer-events:none;z-index:-1;background:radial-gradient(#3b82f60f 0%,#0000 60%);border-radius:50%;width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.hero{padding:120px 20px 60px}.hero__title{font-size:clamp(2.2rem,8vw,3.5rem)}.hero__mockup-content{grid-template-columns:1fr}.hero__ctas{flex-direction:column;align-items:center;margin-bottom:48px}}.features{padding:var(--landing-section-py) var(--landing-section-px);position:relative}.features__grid{max-width:var(--landing-container);grid-template-columns:repeat(2,1fr);gap:20px;margin:0 auto;display:grid}.feature-card{cursor:default;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:36px 32px;transition:border-color .4s;position:relative;overflow:hidden}.feature-card__icon{width:48px;height:48px;color:var(--landing-primary);background:#3b82f614;border:1px solid #3b82f61f;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card__title{font-family:var(--landing-font);color:#fff;letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:700}.feature-card__desc{color:var(--landing-text-2);font-size:14px;line-height:1.7}@media (width<=768px){.features__grid{grid-template-columns:1fr}.feature-card{padding:28px 24px}}.hiw{padding:var(--landing-section-py) var(--landing-section-px);position:relative}.hiw__steps{justify-content:center;align-items:flex-start;gap:0;max-width:900px;margin:0 auto;display:flex;position:relative}.hiw__step{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 24px;display:flex;position:relative}.hiw__step-number{width:64px;height:64px;font-family:var(--landing-font-display);color:#fff;z-index:2;background:#3b82f614;border:1px solid #3b82f626;border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;font-size:22px;font-weight:800;display:flex;position:relative;box-shadow:0 0 30px #3b82f61a}.hiw__step-icon{color:var(--landing-primary)}.hiw__connector{z-index:1;width:calc(100% - 80px);height:1px;position:absolute;top:32px;left:calc(50% + 40px)}.hiw__connector-line{transform-origin:0;background:linear-gradient(90deg,#3b82f64d 0%,#8b5cf64d 100%);width:100%;height:100%}.hiw__step-title{font-family:var(--landing-font);color:#fff;margin-bottom:8px;font-size:17px;font-weight:700}.hiw__step-desc{color:var(--landing-text-2);max-width:220px;font-size:14px;line-height:1.6}@media (width<=768px){.hiw__steps{flex-direction:column;align-items:center;gap:40px}.hiw__connector{display:none}.hiw__step{padding:0}}.marquee{padding:64px 0 72px;position:relative;overflow:hidden}.marquee__heading{text-align:center;padding:0 var(--landing-section-px);margin-bottom:48px}.marquee__heading-label{text-transform:uppercase;letter-spacing:.14em;color:var(--landing-primary);background:#3b82f614;border:1px solid #3b82f626;border-radius:9999px;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.marquee__heading-title{font-family:var(--landing-font-display);color:var(--landing-text);letter-spacing:-.03em;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700}.marquee__track-wrapper{position:relative}.marquee__track-wrapper:before,.marquee__track-wrapper:after{content:"";z-index:2;pointer-events:none;width:140px;position:absolute;top:0;bottom:0}.marquee__track-wrapper:before{background:linear-gradient(to right, var(--landing-bg), transparent);left:0}.marquee__track-wrapper:after{background:linear-gradient(to left, var(--landing-bg), transparent);right:0}.marquee__track{will-change:transform;gap:24px;width:max-content;animation:30s linear infinite landingMarquee;display:flex}.marquee__track-wrapper:hover .marquee__track{animation-duration:80s}.marquee__item{white-space:nowrap;background:var(--brand-bg);border:1px solid var(--brand-border);cursor:default;border-radius:14px;align-items:center;gap:12px;padding:12px 24px 12px 14px;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex}.marquee__item:hover{border-color:var(--brand-color);transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.marquee__item-icon{background:var(--brand-color);color:#fff;width:36px;height:36px;font-family:var(--landing-font-display);letter-spacing:-.02em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;transition:transform .3s;display:flex}.marquee__item:hover .marquee__item-icon{transform:scale(1.1)}.marquee__item-name{font-family:var(--landing-font);color:var(--landing-text-2);letter-spacing:-.01em;font-size:14px;font-weight:600;transition:color .3s}.marquee__item:hover .marquee__item-name{color:var(--landing-text)}@media (width<=768px){.marquee{padding:48px 0}.marquee__heading{margin-bottom:32px}.marquee__track{gap:16px}.marquee__item{gap:10px;padding:10px 18px 10px 10px}.marquee__item-icon{width:30px;height:30px;font-size:12px}.marquee__item-name{font-size:13px}}.faq{padding:var(--landing-section-py) var(--landing-section-px);position:relative}.faq__list{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.faq__item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;transition:border-color .3s;overflow:hidden}.faq__item--open{background:#ffffff08;border-color:#3b82f626}.faq__question{cursor:pointer;width:100%;font-family:var(--landing-font);color:#fff;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:600;transition:color .2s;display:flex}.faq__question:hover{color:var(--landing-primary)}.faq__icon{width:28px;height:28px;color:var(--landing-primary);background:#3b82f614;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex}.faq__icon--open{transform:rotate(180deg)}.faq__answer{overflow:hidden}.faq__answer-text{color:var(--landing-text-2);padding:0 24px 20px;font-size:15px;line-height:1.7}@media (width<=768px){.faq__question{padding:18px 20px;font-size:15px}.faq__answer-text{padding:0 20px 18px;font-size:14px}}.contact{padding:var(--landing-section-py) var(--landing-section-px);position:relative}.contact__wrapper{max-width:560px;margin:0 auto}.contact__form-card{-webkit-backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;padding:40px 36px}.contact__form{flex-direction:column;gap:20px;display:flex}.contact__field{flex-direction:column;gap:6px;display:flex}.contact__label{color:var(--landing-text-2);letter-spacing:.02em;font-size:13px;font-weight:600}.contact__input,.contact__textarea{width:100%;font-family:var(--landing-font);color:var(--landing-text);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .3s}[data-theme=light] .contact__input,[data-theme=light] .contact__textarea{background:#00000005;border-color:#0000001a}[data-theme=light] .contact__form-card{background:#fff;border-color:#00000014;box-shadow:0 8px 32px #0000000f}.contact__input::placeholder,.contact__textarea::placeholder{color:var(--landing-text-dim)}.contact__input:focus,.contact__textarea:focus{background:#ffffff0a;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.contact__input:disabled,.contact__textarea:disabled{opacity:.5;cursor:not-allowed}.contact__textarea{resize:vertical;min-height:120px}.contact__submit{width:100%;font-family:var(--landing-font);color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border:none;border-radius:12px;margin-top:4px;padding:14px 0;font-size:15px;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #3b82f640}.contact__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #3b82f666}.contact__submit:active:not(:disabled){transform:translateY(0)}.contact__submit:disabled{cursor:not-allowed}.contact__submit--success{background:linear-gradient(135deg,#22c55e 0%,#10b981 100%);box-shadow:0 4px 16px #22c55e4d}.contact__submit--error{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 16px #ef44444d}.contact__submit--sending{opacity:.85}.contact__submit-inner{justify-content:center;align-items:center;display:inline-flex}@keyframes contactSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact__spinner{animation:1s linear infinite contactSpin}@media (width<=768px){.contact__form-card{padding:28px 24px}}.cta{padding:40px var(--landing-section-px) 80px;position:relative}.cta__inner{max-width:var(--landing-container);border-radius:var(--landing-radius-xl);text-align:center;background:linear-gradient(135deg,#3b82f614 0%,#8b5cf60f 50%,#3b82f60a 100%);border:1px solid #3b82f61a;margin:0 auto;padding:clamp(60px,8vw,100px) clamp(32px,5vw,80px);position:relative;overflow:hidden}.cta__glow{border-radius:calc(var(--landing-radius-xl) + 2px);z-index:-1;filter:blur(2px);background:conic-gradient(#0000 0%,#3b82f626 25%,#0000 50%,#8b5cf61a 75%,#0000 100%);animation:8s linear infinite gradientRotate;position:absolute;inset:-2px}.cta__content{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.cta__title{font-family:var(--landing-font-display);letter-spacing:-.04em;color:var(--landing-text);max-width:800px;margin-bottom:20px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.cta__desc{font-family:var(--landing-font);color:var(--landing-text-2);text-align:center;max-width:650px;margin:0 auto 40px;font-size:clamp(16px,2vw,18px);line-height:1.6}.cta__button{font-family:var(--landing-font);color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%) 0%/200% 200%;border:none;border-radius:14px;align-items:center;gap:8px;padding:16px 36px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,background-position .5s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #3b82f659}.cta__button:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.cta__button:hover{background-position:100%;transform:translateY(-3px)scale(1.03);box-shadow:0 10px 40px #3b82f680,0 0 0 1px #3b82f633}.cta__button:hover:before{left:100%}.cta__button:active{transition:transform .1s;transform:translateY(-1px)scale(.99)}.cta__orb{pointer-events:none;filter:blur(60px);border-radius:50%;position:absolute}.cta__orb--1{background:#3b82f60f;width:300px;height:300px;top:-100px;left:-100px}.cta__orb--2{background:#8b5cf60f;width:200px;height:200px;bottom:-60px;right:-40px}.landing-footer{padding:60px var(--landing-section-px) 32px;background:linear-gradient(#0000 0%,#050816 100%);border-top:1px solid #ffffff0a;position:relative}[data-theme=light] .landing-footer{background:linear-gradient(#0000 0%,#f1f5f9 100%);border-top-color:#0000000f}.landing-footer__inner{max-width:var(--landing-container);margin:0 auto}.landing-footer__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:48px;display:flex}.landing-footer__brand{max-width:300px}.landing-footer__logo{font-family:var(--landing-font-display);letter-spacing:-.04em;color:var(--landing-text);align-items:center;gap:6px;margin-bottom:14px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.landing-footer__logo-dot{background:var(--landing-primary);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #3b82f680}.landing-footer__logo-accent{color:var(--landing-primary)}.landing-footer__tagline{color:var(--landing-text-3);font-size:14px;line-height:1.6}.landing-footer__links-group{flex-wrap:wrap;gap:64px;display:flex}.landing-footer__col h4{font-family:var(--landing-font);text-transform:uppercase;letter-spacing:.1em;color:var(--landing-text-2);margin-bottom:16px;font-size:12px;font-weight:700}.landing-footer__col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.landing-footer__col a{color:var(--landing-text-3);font-size:14px;text-decoration:none;transition:color .2s}.landing-footer__col a:hover{color:var(--landing-text)}.landing-footer__bottom{border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.landing-footer__copy{color:var(--landing-text-dim);font-size:13px}.landing-footer__socials{gap:16px;display:flex}.landing-footer__social{width:36px;height:36px;color:var(--landing-text-3);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:flex}.landing-footer__social:hover{color:var(--landing-primary);background:#3b82f61a;border-color:#3b82f64d;transform:translateY(-2px)}@media (width<=768px){.landing-footer__top{flex-direction:column;gap:32px}.landing-footer__links-group{gap:32px}.landing-footer__bottom{text-align:center;flex-direction:column}}:root{--landing-bg:#050816;--landing-bg-2:#0b1020;--landing-bg-card:#ffffff08;--landing-primary:#3b82f6;--landing-primary-rgb:59, 130, 246;--landing-primary-hover:#60a5fa;--landing-primary-dim:#1d4ed8;--landing-secondary:#8b5cf6;--landing-secondary-rgb:139, 92, 246;--landing-text:#fff;--landing-text-2:#a1a1aa;--landing-text-3:#71717a;--landing-text-dim:#52525b;--landing-border:#ffffff0f;--landing-border-hover:#ffffff1f;--landing-glass-bg:#ffffff0a;--landing-glass-border:#ffffff14;--landing-glass-blur:blur(20px);--landing-section-py:clamp(80px, 10vw, 120px);--landing-section-px:clamp(20px, 5vw, 64px);--landing-container:1200px;--landing-radius-sm:8px;--landing-radius-md:12px;--landing-radius-lg:20px;--landing-radius-xl:28px;--landing-radius-pill:9999px;--landing-shadow-sm:0 2px 8px #0000004d;--landing-shadow-md:0 8px 32px #0006;--landing-shadow-lg:0 20px 60px #00000080;--landing-glow-blue:0 0 40px #3b82f626;--landing-glow-purple:0 0 40px #8b5cf61f;--landing-glow-strong:0 0 80px #3b82f640;--landing-ease:cubic-bezier(.16, 1, .3, 1);--landing-ease-out:cubic-bezier(0, 0, .2, 1);--landing-spring:cubic-bezier(.34, 1.56, .64, 1);--landing-nav-height:72px;--landing-font:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--landing-font-display:"Outfit", "Syne", "Inter", sans-serif}[data-theme=light]{--landing-bg:#f8fafc;--landing-bg-2:#fff;--landing-bg-card:#00000005;--landing-primary:#2563eb;--landing-primary-rgb:37, 99, 235;--landing-primary-hover:#1d4ed8;--landing-primary-dim:#3b82f6;--landing-secondary:#7c3aed;--landing-secondary-rgb:124, 58, 237;--landing-text:#0f172a;--landing-text-2:#475569;--landing-text-3:#94a3b8;--landing-text-dim:#cbd5e1;--landing-border:#0000000f;--landing-border-hover:#0000001f;--landing-glass-bg:#ffffffb3;--landing-glass-border:#0000000f;--landing-shadow-sm:0 2px 8px #0000000f;--landing-shadow-md:0 8px 32px #00000014;--landing-shadow-lg:0 20px 60px #0000001a;--landing-glow-blue:0 0 40px #2563eb14;--landing-glow-purple:0 0 40px #7c3aed0f;--landing-glow-strong:0 0 80px #2563eb1f}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes landingFadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes landingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes landingFadeOut{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes landingFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes landingGlowPulse{0%,to{box-shadow:0 0 20px #3b82f626}50%{box-shadow:0 0 50px #3b82f659}}@keyframes landingShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orbCorePulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 30px 10px #3b82f64d,0 0 60px 30px #3b82f626,0 0 100px 50px #8b5cf614}50%{transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 50px 15px #3b82f680,0 0 100px 50px #3b82f640,0 0 150px 70px #8b5cf626}}@keyframes orbRotateCW{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes orbRotateCCW{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes landingMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ambientDrift1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(80px,-60px)scale(1.1)}50%{transform:translate(-40px,-120px)scale(.95)}75%{transform:translate(-80px,40px)scale(1.05)}}@keyframes ambientDrift2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-100px,60px)scale(1.05)}50%{transform:translate(60px,100px)scale(1.12)}75%{transform:translate(100px,-40px)scale(.9)}}@keyframes ambientDrift3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,80px)scale(1.08)}66%{transform:translate(-70px,-50px)scale(.95)}}@keyframes gradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stepLineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.landing-page{background:var(--landing-bg);color:var(--landing-text);min-height:100vh;font-family:var(--landing-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{font-family:var(--landing-font-display);letter-spacing:-.03em;color:var(--landing-text);margin:0;line-height:1.1}.landing-page p{margin:0}.landing-page a{color:inherit;text-decoration:none}.landing-section{padding:var(--landing-section-py) var(--landing-section-px);position:relative}.landing-container{max-width:var(--landing-container);width:100%;margin:0 auto}.landing-text-gradient{background:linear-gradient(135deg, var(--landing-primary) 0%, var(--landing-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline}.landing-page ::selection{color:#fff;background:#3b82f64d}.auth-container--premium{position:relative;overflow:hidden;background-color:#050816!important;background-image:none!important}.auth-container--premium .auth-ambient-1{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#3b82f612 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite authAmbientDrift;position:absolute;top:-15%;left:-10%}.auth-container--premium .auth-ambient-2{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite reverse authAmbientDrift;position:absolute;bottom:-15%;right:-10%}.auth-container--premium .auth-card{-webkit-backdrop-filter:blur(20px)!important;background:#ffffff08!important;border:1px solid #ffffff0f!important;animation:.6s cubic-bezier(.16,1,.3,1) forwards authCardReveal!important;box-shadow:0 20px 60px #0006,0 0 80px #3b82f60a!important}.auth-container--premium h2{color:#fff!important;letter-spacing:-.03em!important;font-family:Syne,Inter,sans-serif!important;font-weight:800!important}.auth-container--premium .subtitle{color:#a1a1aa!important}.auth-container--premium .auth-logo,.auth-container--premium .logo{color:#fff!important}.auth-container--premium .auth-logo span,.auth-container--premium .logo span,.auth-container--premium .logo-accent{color:#3b82f6!important}.auth-container--premium .logo-dot{background:#3b82f6!important;box-shadow:0 0 12px #3b82f680!important}.auth-container--premium .input-wrapper input,.auth-container--premium .form-group input:not([type=checkbox]):not([type=radio]),.auth-container--premium .form-group textarea,.auth-container--premium .form-group select{color:#fff!important;background:#ffffff08!important;border:1.5px solid #ffffff14!important}.auth-container--premium .input-wrapper input::placeholder,.auth-container--premium .form-group input::placeholder,.auth-container--premium .form-group textarea::placeholder{color:#52525b!important}.auth-container--premium .input-wrapper input:focus,.auth-container--premium .form-group input:not([type=checkbox]):not([type=radio]):focus,.auth-container--premium .form-group textarea:focus{background:#ffffff0d!important;border-color:#3b82f680!important;box-shadow:0 0 0 3px #3b82f61a!important}.auth-container--premium .form-group label{color:#a1a1aa!important}.auth-container--premium .form-group label i{color:#3b82f6!important}.auth-container--premium .btn-primary{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 20px #3b82f64d!important}.auth-container--premium .btn-primary:hover{transform:translateY(-2px)scale(1.02)!important;box-shadow:0 8px 32px #3b82f673!important}.auth-container--premium .btn-google{color:#a1a1aa!important;background:#ffffff0a!important;border:1.5px solid #ffffff14!important;border-radius:12px!important}.auth-container--premium .btn-google:hover{color:#fff!important;background:#ffffff0f!important;border-color:#ffffff26!important}.auth-container--premium .divider{color:#52525b!important}.auth-container--premium .divider:before,.auth-container--premium .divider:after{background:#ffffff0f!important}.auth-container--premium .auth-footer{color:#71717a!important}.auth-container--premium .auth-footer a,.auth-container--premium #forgot-link{color:#3b82f6!important}.auth-container--premium .pw-toggle{color:#71717a!important}.auth-container--premium .pw-toggle:hover{color:#fff!important}.auth-container--premium .pin-inputs input{color:#fff!important;background:#ffffff08!important;border:2px solid #ffffff14!important}.auth-container--premium .pin-inputs input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61f!important}.auth-container--premium .pin-inputs input.filled{color:#3b82f6!important;background:#3b82f60d!important;border-color:#3b82f6!important}.auth-container--premium .pw-bar{background:#ffffff0f!important}.auth-container--premium .alert{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.auth-container--premium .oauth-error{background:#ff3b3014!important;border:1px solid #ff3b3026!important}.auth-container--premium .theme-toggle-fixed{display:none}.auth-container--premium .auth-footer a i{color:#3b82f6!important}@keyframes authCardReveal{0%{opacity:0;filter:blur(6px);transform:translateY(30px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes authAmbientDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.05)}66%{transform:translate(-30px,20px)scale(.95)}}.interview-setup{max-width:640px;margin:0 auto;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards interviewFadeUp}.interview-type-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.interview-type-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;padding:22px 20px;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.interview-type-card:before{content:"";opacity:0;background:radial-gradient(circle at 50% 0,#3b82f614,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.interview-type-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg), var(--glow);transform:translateY(-4px)scale(1.02)}.interview-type-card:hover:before{opacity:1}.interview-type-card.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--glow);background:#3b82f60f}.interview-type-card .type-icon{margin-bottom:10px;font-size:1.8rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block}.interview-type-card:hover .type-icon{transform:scale(1.2)translateY(-2px)}.interview-type-card .type-name{z-index:1;margin-bottom:4px;font-size:15px;font-weight:700;position:relative}.interview-type-card .type-desc{color:var(--text-2);z-index:1;font-size:12px;position:relative}.countdown-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.countdown-number{background:linear-gradient(135deg, var(--primary), #818cf8);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:clamp(6rem,20vw,12rem);font-weight:800;animation:.8s ease-out countdownPulse}@keyframes countdownPulse{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.interview-arena{min-height:calc(100vh - var(--nav-h) - 200px);grid-template-columns:1fr 1fr;gap:24px;animation:.5s forwards interviewFadeUp;display:grid}.interview-video-panel{flex-direction:column;gap:20px;display:flex}.webcam-container{border-radius:var(--radius-lg);aspect-ratio:4/3;border:2px solid var(--border);box-shadow:var(--shadow-lg);background:#0a0a0f;position:relative;overflow:hidden}.webcam-container video{object-fit:cover;border-radius:inherit;width:100%;height:100%;transform:scaleX(-1)}.webcam-ring{border-radius:calc(var(--radius-lg) + 3px);pointer-events:none;border:3px solid #0000;transition:border-color .5s,box-shadow .5s;position:absolute;inset:-3px}.webcam-ring.active{border-color:#10b981;animation:2s ease-in-out infinite webcamPulse;box-shadow:0 0 20px #10b9814d,inset 0 0 20px #10b9810d}.webcam-ring.speaking{border-color:#3b82f6;animation:1s ease-in-out infinite webcamPulse;box-shadow:0 0 24px #3b82f666,inset 0 0 20px #3b82f60d}@keyframes webcamPulse{0%,to{opacity:.7}50%{opacity:1}}.webcam-off-placeholder{color:var(--text-3);background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.webcam-off-placeholder i{opacity:.4;font-size:3rem}.webcam-status-bar{-webkit-backdrop-filter:blur(12px);color:#ffffffe6;background:#0009;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.status-indicator{align-items:center;gap:6px;display:flex}.status-dot-live{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite statusBlink;box-shadow:0 0 8px #10b981}.status-dot-live.listening{background:#3b82f6;box-shadow:0 0 8px #3b82f6}.status-dot-live.ai-speaking{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.status-dot-live.thinking{background:#8b5cf6;animation:.6s ease-in-out infinite statusBlink;box-shadow:0 0 8px #8b5cf6}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.ai-interviewer-avatar{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.8rem;display:flex;position:relative;box-shadow:0 4px 20px #3b82f64d}.ai-interviewer-avatar.speaking{animation:1.2s ease-in-out infinite aiSpeakPulse}@keyframes aiSpeakPulse{0%,to{box-shadow:0 4px 20px #3b82f64d}50%{box-shadow:0 4px 40px #3b82f699,0 0 60px #8b5cf633}}.voice-waveform{align-items:center;gap:3px;height:32px;padding:0 8px;display:flex}.wave-bar{background:var(--primary);border-radius:99px;width:3px;min-height:4px;transition:height .1s}.wave-bar.active{animation:.5s ease-in-out infinite waveAnimate}.wave-bar:first-child{animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.15s}.wave-bar:nth-child(4){animation-delay:.2s}.wave-bar:nth-child(5){animation-delay:.25s}.wave-bar:nth-child(6){animation-delay:.15s}.wave-bar:nth-child(7){animation-delay:.1s}.wave-bar:nth-child(8){animation-delay:50ms}@keyframes waveAnimate{0%,to{opacity:.5;height:6px}50%{opacity:1;height:28px}}.interview-transcript-panel{flex-direction:column;height:100%;display:flex}.transcript-scroll{max-height:calc(100vh - var(--nav-h) - 320px);scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.transcript-msg{gap:12px;max-width:95%;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards msgSlideIn;display:flex}.transcript-msg.ai{align-self:flex-start}.transcript-msg.user{flex-direction:row-reverse;align-self:flex-end}.transcript-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.transcript-msg.ai .transcript-avatar{background:linear-gradient(135deg, var(--primary), #8b5cf6);color:#fff}.transcript-msg.user .transcript-avatar{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.transcript-bubble{border-radius:16px;max-width:100%;padding:12px 16px;font-size:14px;line-height:1.6}.transcript-msg.ai .transcript-bubble{background:var(--glass-bg);border:1px solid var(--border);border-bottom-left-radius:4px}.transcript-msg.user .transcript-bubble{background:linear-gradient(135deg, var(--primary), #6366f1);color:#fff;border-bottom-right-radius:4px}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.interview-controls{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.control-btn{border:1px solid var(--border);background:var(--surface-2);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.control-btn:hover{border-color:var(--border-glow);box-shadow:var(--glow);transform:scale(1.12)}.control-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 16px #3b82f666}.control-btn.danger{color:var(--danger);background:#ef44441a;border-color:#ef44444d}.control-btn.danger:hover{background:var(--danger);color:#fff;box-shadow:0 0 16px #ef444466}.interview-text-input-row{gap:10px;margin-top:12px;display:flex}.interview-text-input-row input{background:var(--surface-2);border:1.5px solid var(--border);color:var(--text);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .25s,box-shadow .25s}.interview-text-input-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61f}.interview-text-input-row button{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s}.interview-text-input-row button:hover{background:var(--primary-hover);transform:translateY(-1px)}.interview-results{max-width:720px;margin:0 auto;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards interviewFadeUp}.results-score-hero{text-align:center;padding:40px 20px}.score-ring-large{width:160px;height:160px;margin:0 auto 20px;position:relative}.score-ring-large svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring-track{fill:none;stroke:var(--bg-3);stroke-width:8px}.score-ring-fill{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.34,1.56,.64,1)}.score-ring-value{font-family:Syne,sans-serif;font-size:2.8rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.results-category-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px;display:grid}.category-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;transition:all .3s}.category-card:hover{border-color:var(--border-glow);transform:translateY(-2px)}.category-score{font-family:Syne,sans-serif;font-size:2rem;font-weight:700}.category-bar{background:var(--bg-3);border-radius:99px;height:4px;margin-top:10px;overflow:hidden}.category-bar-fill{border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.34,1.56,.64,1)}.results-list-section{margin-bottom:20px}.results-list-section h4{align-items:center;gap:8px;margin-bottom:12px;display:flex}.result-item{background:var(--bg-3);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}.result-item i{flex-shrink:0;margin-top:3px}@keyframes interviewFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.interview-arena,.interview-type-grid,.results-category-grid{grid-template-columns:1fr}.webcam-container{aspect-ratio:16/9}.transcript-scroll{max-height:300px}}.skillgap-hero{text-align:center;margin-bottom:40px}.skillgap-hero h2{letter-spacing:-.03em;background:linear-gradient(135deg,#4f7cff 0%,#a855f7 50%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.skillgap-hero p{color:var(--text-2);font-size:15px}.skillgap-tabs{border:1px solid var(--border);background:#ffffff08;border-radius:14px;gap:4px;width:fit-content;margin-bottom:32px;padding:4px;display:flex}.skillgap-tab{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.skillgap-tab:hover{color:var(--text-1);background:#ffffff0d}.skillgap-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f7cff4d}.score-ring-container{justify-content:center;align-items:center;margin:24px 0;display:flex}.score-ring{width:180px;height:180px;position:relative}.score-ring svg{width:180px;height:180px;transform:rotate(-90deg)}.score-ring .ring-bg{fill:none;stroke:#ffffff0f;stroke-width:12px}.score-ring .ring-fill{fill:none;stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.score-ring .score-value{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-ring .score-number{letter-spacing:-.03em;font-size:42px;font-weight:800;line-height:1}.score-ring .score-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px}.skill-tags{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.skill-tag{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:transform .2s,box-shadow .2s;animation:.4s cubic-bezier(.34,1.56,.64,1) both tagPop;display:inline-flex}.skill-tag:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #0003}.skill-tag.matched{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.skill-tag.missing{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.skill-tag .tag-count{opacity:.7;font-size:11px;font-weight:400}@keyframes tagPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.roadmap-timeline{padding:20px 0;position:relative}.roadmap-timeline:before{content:"";background:linear-gradient(180deg, var(--primary) 0%, #a855f7 50%, #f59e0b 100%);transform-origin:top;border-radius:3px;width:3px;animation:1s ease-out lineGrow;position:absolute;top:0;bottom:0;left:28px}@keyframes lineGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.roadmap-phase{margin-bottom:36px;padding-left:68px;animation:.5s both phaseSlideIn;position:relative}.roadmap-phase:first-child{animation-delay:.1s}.roadmap-phase:nth-child(2){animation-delay:.25s}.roadmap-phase:nth-child(3){animation-delay:.4s}.roadmap-phase:nth-child(4){animation-delay:.55s}.roadmap-phase:nth-child(5){animation-delay:.7s}@keyframes phaseSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.phase-node{color:#fff;z-index:2;width:28px;height:28px;box-shadow:0 0 0 4px var(--surface), 0 4px 12px #0000004d;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;top:8px;left:14px}.phase-node:hover{box-shadow:0 0 0 4px var(--surface), 0 6px 20px #0006;transform:scale(1.2)}.phase-card{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.phase-card:hover{background:#ffffff0d;border-color:#4f7cff4d;transform:translateY(-2px);box-shadow:0 8px 32px #00000026}.phase-card.expanded{background:#ffffff0d;border-color:#4f7cff66}.phase-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.phase-title{color:var(--text-1);font-size:16px;font-weight:700}.phase-duration{color:var(--text-2);white-space:nowrap;background:#ffffff0d;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.phase-description{color:var(--text-2);margin-top:8px;font-size:14px;line-height:1.6}.phase-skills{gap:12px;margin-top:16px;animation:.3s fadeInUp;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phase-skill-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:16px;transition:border-color .2s}.phase-skill-item:hover{border-color:#4f7cff33}.skill-item-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.skill-item-name{color:var(--text-1);font-size:14px;font-weight:600}.skill-priority{text-transform:uppercase;letter-spacing:.03em;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600}.skill-priority.high{color:#f87171;background:#ef44441f}.skill-priority.medium{color:#fbbf24;background:#f59e0b1f}.skill-priority.low{color:#4ade80;background:#22c55e1f}.skill-item-desc{color:var(--text-2);margin-bottom:10px;font-size:13px;line-height:1.5}.skill-resources{flex-wrap:wrap;gap:8px;display:flex}.resource-link{color:var(--primary);background:#4f7cff14;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;text-decoration:none;transition:background .2s;display:inline-flex}.resource-link:hover{background:#4f7cff26}.skill-hours{color:var(--text-3);margin-top:8px;font-size:12px}.milestones-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:24px;display:grid}.milestone-card{border:1px solid var(--border);background:#ffffff08;border-radius:14px;padding:20px;transition:all .3s;animation:.4s both milestoneIn}.milestone-card:first-child{animation-delay:.1s}.milestone-card:nth-child(2){animation-delay:.2s}.milestone-card:nth-child(3){animation-delay:.3s}.milestone-card:nth-child(4){animation-delay:.4s}@keyframes milestoneIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.milestone-card:hover{border-color:#a855f74d;transform:translateY(-2px)}.milestone-icon{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:16px;display:flex}.milestone-title{margin-bottom:4px;font-size:14px;font-weight:600}.milestone-desc{color:var(--text-2);font-size:13px;line-height:1.5}.roadmap-form{border:1px solid var(--border);background:#ffffff05;border-radius:16px;margin-bottom:32px;padding:28px}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-row.full{grid-template-columns:1fr}.pdf-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f7cff,#6366f1);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #4f7cff4d}.pdf-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4f7cff66}.pdf-btn:disabled{opacity:.5;pointer-events:none}.tips-list{margin:16px 0 0;padding:0;list-style:none}.tips-list li{border-bottom:1px solid var(--border);color:var(--text-2);align-items:flex-start;gap:10px;padding:10px 0;font-size:14px;line-height:1.6;display:flex}.tips-list li:before{content:"💡";flex-shrink:0}.skillgap-empty{text-align:center;padding:60px 20px}.skillgap-empty .empty-icon{opacity:.3;margin-bottom:16px;font-size:48px}.skillgap-empty h3{margin-bottom:8px;font-size:18px}.skillgap-empty p{color:var(--text-3);max-width:400px;margin:0 auto;font-size:14px}@media (width<=768px){.form-row{grid-template-columns:1fr}.roadmap-timeline:before{left:18px}.roadmap-phase{padding-left:52px}.phase-node{width:24px;height:24px;font-size:11px;left:6px}.milestones-grid{grid-template-columns:1fr}.skillgap-tabs{flex-wrap:wrap}}@media print{.skillgap-tabs,.pdf-btn,.roadmap-form,.btn{display:none!important}.roadmap-phase{break-inside:avoid}.phase-card{background:#fff;border:1px solid #ddd}.phase-skills,.phase-card.expanded .phase-skills{display:block!important}}.saved-roadmap-card{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:14px;padding:20px;transition:all .3s}.saved-roadmap-card:hover{border-color:#4f7cff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.orb-loader{z-index:99999;background:#050816;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.orb-loader__ambient{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#8b5cf60f 40%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:3s ease-in-out infinite orbAmbientPulse;position:absolute}.orb-loader__orb{width:220px;height:220px;position:relative}.orb-loader__core{z-index:3;background:radial-gradient(circle at 35% 35%,#93c5fd,#3b82f6 40%,#8b5cf6 80%,#6d28d9 100%);border-radius:50%;width:44px;height:44px;animation:2s ease-in-out infinite orbCorePulse;position:absolute;top:50%;left:50%}.orb-loader__inner-glow{filter:blur(20px);z-index:2;background:radial-gradient(circle,#3b82f64d 0%,#8b5cf61a 50%,#0000 70%);border-radius:50%;width:90px;height:90px;animation:2s ease-in-out infinite alternate orbInnerGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-loader__ring{border:2px solid #0000;border-radius:50%;position:absolute;top:50%;left:50%}.orb-loader__ring--1{filter:drop-shadow(0 0 8px #3b82f64d);border-color:#3b82f6b3 #3b82f640 #0000 #8b5cf666;width:130px;height:130px;animation:1.8s linear infinite orbRotateCW}.orb-loader__ring--2{filter:drop-shadow(0 0 10px #8b5cf633);border-color:#0000 #8b5cf699 #3b82f633 #0000;width:180px;height:180px;animation:2.8s linear infinite orbRotateCCW}.orb-loader__logo{white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;bottom:calc(50% - 160px);left:50%;transform:translate(-50%)}.orb-loader__logo-text{letter-spacing:-.04em;color:#ffffffd9;font-family:Syne,sans-serif;font-size:26px;font-weight:800}.orb-loader__logo-text span{color:#3b82f6}@keyframes orbAmbientPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes orbInnerGlow{0%{opacity:.5;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .4s var(--spring-bounce), box-shadow .4s var(--spring-soft), border-color .3s ease;box-shadow:var(--shadow);transform-style:preserve-3d;padding:clamp(24px,5vw,40px);position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #0071e30f 0%, transparent 60%);pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.card:before{content:"";border-radius:inherit;opacity:.03;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.card:hover:after{opacity:1}.card:hover{box-shadow:var(--shadow-lg), 0 0 0 1px var(--border-glow);transform:translateY(-5px)scale(1.005)}.table-wrapper .card:hover,td .card:hover,th .card:hover{box-shadow:none;transform:none}.card-sm{border-radius:var(--radius);padding:clamp(14px,3vw,20px) clamp(16px,4vw,24px)}.form-group{flex-direction:column;gap:7px;display:flex;position:relative}.form-group label{color:var(--text-2);letter-spacing:.02em;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea,input.input,textarea.input{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;transition:all .25s var(--spring-soft);min-height:var(--touch-target);appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;padding:12px 14px;font-family:Inter,sans-serif;font-size:15px}.form-group input:not([type=checkbox]):not([type=radio])::placeholder,.form-group textarea::placeholder{color:var(--text-3)}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus,.form-group textarea:focus,input.input:focus{border-color:var(--primary);background:var(--surface);transform:translateY(-1px);box-shadow:0 0 0 3px #0071e31f}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238fa3c8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-group select option{background:var(--bg)}.form-group textarea{resize:vertical;min-height:100px}.form-group input.error,.form-group select.error{border-color:var(--danger)}.field-error{color:var(--danger);animation:slideDown .25s var(--spring-soft);margin-top:3px;font-size:12px}.form-group.has-error .field-error{display:block}.form-group.has-error input{border-color:var(--danger)}.input-wrapper input{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:all .25s var(--spring-soft);min-height:var(--touch-target);outline:none;padding:12px 14px;font-family:Inter,sans-serif;font-size:15px}.input-wrapper input::placeholder{color:var(--text-3)}.input-wrapper input:focus{border-color:var(--primary);background:var(--surface);transform:translateY(-1px);box-shadow:0 0 0 3px #0071e31f}.form-stack{flex-direction:column;gap:20px;display:flex}.label-row{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.label-row label{margin-bottom:0}#forgot-link{color:var(--primary);font-size:13px;text-decoration:none}.btn{letter-spacing:-.01em;cursor:pointer;white-space:nowrap;min-height:var(--touch-target);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,background-color .3s,color .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(circle,#fff3 0%,#0000 70%);transition:transform .4s,opacity .4s;position:absolute;inset:0;transform:scale(0)}.btn:active:after{opacity:1;transition:none;transform:scale(2)}.btn:active{transition:transform .1s;transform:translateY(-1px)scale(.98)!important}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);color:var(--btn-primary-text);background-position:0%;background-size:200% 200%;border:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,background-position .5s;box-shadow:0 4px 16px #0071e333}.btn-primary:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover{background-position:100%;transform:translateY(-1px)scale(1.01);box-shadow:0 8px 24px #0071e366,0 0 0 1px #0071e326}.btn-primary:hover:before{left:100%}.btn-secondary{color:var(--text);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff0a;border:1px solid #ffffff14}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}[data-theme=light] .btn-secondary{background:#00000008;border-color:#0000001a}[data-theme=light] .btn-secondary:hover{background:#0000000f;border-color:#00000026;box-shadow:0 6px 20px #00000014}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#0071e30d;transform:translateY(-1px)}.btn-ghost{color:var(--text);background:0 0;border:none}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#ff2d20;transform:translateY(-1px);box-shadow:0 4px 16px #ff3b304d}.btn-success{background:var(--accent-4);color:#fff}.btn-success:hover{background:#2dd864;transform:translateY(-1px);box-shadow:0 4px 16px #34c7594d}.btn-lg{padding:15px 34px;font-size:16px}.btn-sm{min-height:38px;padding:9px 18px;font-size:13px}.btn-block{justify-content:center;width:100%}.btn-google{color:var(--text);cursor:pointer;width:100%;min-height:var(--touch-target);background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .3s,background .3s;display:inline-flex}.btn-google:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}[data-theme=light] .btn-google{background:#00000008;border-color:#0000001a}[data-theme=light] .btn-google:hover{background:#0000000f;border-color:#00000026;box-shadow:0 6px 20px #00000014}.btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spinSmooth;display:none}.btn.loading .spinner{display:block}.btn.loading .btn-text{opacity:0;position:absolute}.alert{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s var(--spring-soft);border-left:4px solid;align-items:flex-start;gap:12px;padding:14px 18px;font-size:14px;display:flex}.alert-success{border-color:var(--accent-4);color:var(--accent-4);background:#34c7591a}.alert-error{border-color:var(--danger);color:var(--danger);background:#ff3b301a}.alert-info{border-color:var(--primary);color:var(--primary);background:#0071e31a}.alert-warning{border-color:var(--accent-3);color:var(--accent-3);background:#ff9f0a1a}#toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;max-width:clamp(280px,90vw,380px);display:flex;position:fixed;bottom:clamp(12px,3vw,24px);right:clamp(12px,3vw,24px)}.toast{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border);animation:toastSlideIn .45s var(--spring-bounce) forwards;pointer-events:all;transform-origin:100% 100%;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;display:flex;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.toast.success{border-left:3px solid var(--accent-4)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--primary)}.toast.warning{border-left:3px solid var(--accent-3)}.toast.out{animation:toastSlideOut .35s var(--spring-soft) forwards}.toast-icon{flex-shrink:0;font-size:16px}.toast.success .toast-icon{color:var(--accent-4)}.toast.error .toast-icon{color:var(--danger)}.toast.info .toast-icon{color:var(--primary)}.toast.warning .toast-icon{color:var(--accent-3)}.badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:9999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.badge-primary{color:var(--primary);background:#0071e31a;border-color:#0071e333}.badge-success{color:var(--accent-4);background:#34c7591a;border-color:#34c75933}.badge-warning{color:var(--accent-3);background:#ff9f0a1a;border-color:#ff9f0a33}.badge-danger{color:var(--danger);background:#ff3b301a;border-color:#ff3b3033}.badge-neutral{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.running{background:var(--accent-4);box-shadow:0 0 8px var(--accent-4);animation:1.8s infinite statusPulse}.status-dot.stopped{background:var(--text-3)}.status-dot.starting{background:var(--accent-3);animation:1s infinite statusPulse}.result-pill{text-transform:capitalize;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.result-Applied,.result-applied{color:var(--primary);background:#0071e31a}.result-Viewed,.result-viewed{color:#a855f7;background:#a855f71a}.result-Interview,.result-interview{color:#f97316;background:#f973161a}.result-Offer,.result-offer{color:#22c55e;background:#22c55e1a}.result-Failed,.result-failed{color:var(--danger);background:#ff3b301a}.result-Skipped,.result-skipped{color:var(--accent-3);background:#ff9f0a1a}.table-wrapper{border-radius:var(--radius);border:1px solid var(--border);-webkit-overflow-scrolling:touch;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}thead{background:var(--surface-2)}th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);padding:13px 18px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border);color:var(--text);padding:14px 18px;font-size:14px;transition:background .2s}tbody tr{transition:transform .2s,background .2s}tbody tr:hover{background:#0071e308;transform:scale(1.001)}tbody tr:last-child td{border-bottom:none}.tabs{background:var(--surface-2);border:1px solid var(--border);z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-wrap:wrap;gap:4px;width:fit-content;padding:4px;display:flex;position:relative}.tab-btn{cursor:pointer;color:var(--text-2);min-height:var(--touch-target);z-index:2;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .25s;position:relative}.tab-btn:hover{color:var(--text)}.tab-btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:4px}.tab-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.tab-panel{animation:fadeIn .35s var(--spring-soft);display:none}.tab-panel.active{display:block}.filter-bar{flex-wrap:wrap;gap:4px;display:flex}.filter-btn{cursor:pointer;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{color:var(--text);background:var(--surface)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.toggle{flex-shrink:0;width:48px;height:28px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--surface-2);cursor:pointer;border:1px solid var(--border);border-radius:9999px;transition:background .3s,border-color .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-3);width:22px;height:22px;transition:transform .35s var(--spring-bounce), background .3s ease, box-shadow .3s ease;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001f}.toggle input:checked+.toggle-slider{background:var(--accent-4);border-color:var(--accent-4)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translate(20px);box-shadow:0 2px 8px #34c7594d}.toggle-row{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.toggle-row>div{flex:1;min-width:0}.progress-bar{background:var(--bg-3);border-radius:9999px;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent-5));height:100%;transition:width .5s var(--spring-soft);border-radius:9999px;position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s linear infinite shimmerMove;position:absolute;inset:0}.progress-indeterminate{animation:1.5s linear infinite indeterminate;width:50%!important}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(200%)}}.pw-strength{gap:5px;margin-top:8px;display:flex}.pw-bar{background:var(--bg-3);border-radius:2px;flex:1;height:3px;transition:background .35s,transform .2s}.pw-bar.weak{background:var(--danger);transform:scaleY(1.5)}.pw-bar.medium{background:var(--accent-3);transform:scaleY(1.5)}.pw-bar.strong{background:var(--accent-4);transform:scaleY(1.5)}.pin-inputs{flex-wrap:nowrap;justify-content:center;gap:clamp(6px,2vw,12px);margin:24px 0;display:flex}.pin-inputs input{text-align:center;background:var(--surface-2);border:2px solid var(--border);width:clamp(40px,13vw,56px);height:clamp(48px,12vw,64px);color:var(--text);transition:all .25s var(--spring-soft);caret-color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;outline:none;font-family:Inter,sans-serif;font-size:clamp(20px,5vw,26px);font-weight:700}.pin-inputs input:focus{border-color:var(--primary);transform:translateY(-2px)scale(1.06);box-shadow:0 0 0 3px #0071e31f}.pin-inputs input.filled{border-color:var(--primary);color:var(--primary);background:#0071e30d}.upload-zone{border:2px dashed var(--text-3);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .35s var(--spring-soft);background:var(--surface-2);padding:clamp(32px,5vw,56px) clamp(16px,4vw,32px);position:relative}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background:#0071e30a;transform:scale(1.015)}.upload-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-icon{background:var(--surface);border:1px solid var(--border);width:64px;height:64px;color:var(--primary);box-shadow:var(--shadow-sm);transition:transform .4s var(--spring-bounce);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;display:flex}.upload-zone:hover .upload-icon{box-shadow:var(--shadow), var(--glow);transform:translateY(-6px)scale(1.12)}.divider{color:var(--text-3);align-items:center;gap:16px;margin:24px 0;font-size:13px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.sec-divider{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:20px 0 16px;padding:6px 0;font-size:10px;font-weight:700;display:flex}.skeleton{background:var(--bg-3);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bg-3), var(--bg-2) 50%), transparent);width:100%;height:100%;animation:2s ease-in-out infinite skeletonShimmer;position:absolute;top:0;left:0}.loader-spin{border:3px solid var(--bg-3);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s cubic-bezier(.5,0,.5,1) infinite spinSmooth}.navbar{height:var(--nav-h);background:var(--nav-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--border);z-index:1000;align-items:center;transition:background-color .5s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar .container{justify-content:space-between;align-items:center;width:100%;max-width:100%;padding:0 clamp(20px,4vw,32px);display:flex}.nav-logo{color:var(--text);letter-spacing:-.04em;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:20px;font-weight:700;text-decoration:none;display:flex}.nav-brand-icon{color:var(--primary);transition:transform .6s var(--spring-bounce);flex-shrink:0}.nav-logo:hover .nav-brand-icon{transform:rotate(180deg)scale(1.15)}.nav-logo:hover .nav-text{background:linear-gradient(135deg, var(--primary), var(--primary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-logo span{color:var(--primary)}.logo-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.5s infinite logoPulse;box-shadow:0 0 10px #0071e380}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a,.nav-links button{color:var(--text-2);transition:background .25s ease, color .25s ease, transform .2s var(--spring-soft);cursor:pointer;min-height:var(--touch-target);background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:8px 12px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:flex}.nav-links a:hover,.nav-links button:hover{color:var(--text);background:var(--surface-2);transform:scale(1.04)}.nav-links a:active,.nav-links button:active{transform:scale(.95)}.nav-links a.btn-primary,.nav-links button.btn-primary{color:var(--btn-primary-text);background:var(--primary);border-radius:99px;padding:9px 18px}.nav-links a.btn-primary:hover,.nav-links button.btn-primary:hover{background:var(--primary-dim);color:var(--btn-primary-text);transform:scale(1.03)translateY(-1px);box-shadow:0 4px 14px #0071e340}.navbar-landing{background:0 0;border-bottom:none;height:auto;padding:20px 0}.nav-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.nav-wrapper{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:100px;justify-content:space-between;align-items:center;padding:10px 14px 10px 24px;transition:all .3s;display:flex}.navbar-landing.scrolled .nav-wrapper{background:var(--nav-bg);border-color:var(--border-strong);padding:8px 12px 8px 24px}.nav-menu{gap:32px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:var(--text-2);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-actions{align-items:center;gap:12px;display:flex}.page-wrapper{padding-top:var(--nav-h);min-height:100dvh}.auth-container{background-color:var(--bg);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:48px 48px;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:40px 20px;display:flex;position:relative}.theme-toggle-fixed{z-index:10;position:absolute;top:30px;right:30px}.auth-card{background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:1;width:100%;max-width:440px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-blur);animation:authCardIn .6s var(--spring-bounce) forwards;padding:clamp(36px,6vw,56px);position:relative}.auth-card .logo,.auth-logo{letter-spacing:-.03em;align-items:center;gap:8px;margin-bottom:24px;font-family:Inter,sans-serif;font-size:22px;font-weight:700;display:flex}.auth-card .logo span{color:var(--accent)}.auth-header{margin-bottom:24px}.auth-card h2{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.5rem,4vw,1.8rem);font-weight:700}.subtitle{color:var(--text-2);margin-bottom:32px;font-size:15px}.auth-body{flex-direction:column;gap:24px;display:flex}.auth-footer{text-align:center;color:var(--text-2);margin-top:28px;font-size:15px}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.bg-grid{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;z-index:0;opacity:.5;background-size:48px 48px;position:fixed;inset:0}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#0071e31a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed}.bg-glow-1{top:-200px;left:-200px}.bg-glow-2{background:radial-gradient(circle,#34c75914 0%,#0000 70%);bottom:-200px;right:-200px}.pw-wrap{position:relative}.pw-wrap input{padding-right:44px}.pw-toggle{color:var(--text-2);cursor:pointer;transition:color .2s, transform .25s var(--spring-bounce);min-width:var(--touch-target);min-height:var(--touch-target);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:15px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text);transform:translateY(-50%)scale(1.15)}.oauth-error{color:var(--danger);border-radius:var(--radius-sm);background:#ff3b301a;border:1px solid #ff3b3033;margin-bottom:16px;padding:12px 16px;font-size:14px;animation:.3s slideDown}.dashboard-layout{min-height:calc(100vh - var(--nav-h));grid-template-columns:260px 1fr;display:grid}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border);top:var(--nav-h);height:calc(100vh - var(--nav-h));padding:clamp(20px,4vw,32px) 16px;transition:background .5s;position:sticky;overflow-y:auto}.sidebar-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin:24px 0 8px;padding:0 12px;font-size:10px;font-weight:700}.sidebar-link{color:var(--text-2);cursor:pointer;text-align:left;width:100%;min-height:var(--touch-target);background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{color:var(--text);background:var(--surface-2);transform:translate(3px)}.sidebar-link.active{color:var(--primary);background:#0071e314;border:1px solid #0071e326;font-weight:600}.sidebar-link .icon{text-align:center;width:22px;transition:transform .25s var(--spring-bounce);font-size:15px}.sidebar-link:hover .icon{transform:scale(1.2)}.main-content{padding:clamp(24px,5vw,48px) clamp(20px,5vw,48px);overflow-y:auto}.sidebar-overlay{-webkit-backdrop-filter:blur(6px);z-index:898;-webkit-tap-highlight-color:transparent;opacity:0;background:#00000073;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;display:block}.mobile-sidebar-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;min-height:var(--touch-target);box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:none}.stat-card,.stats-overview>div{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius);transition:transform .35s var(--spring-bounce), box-shadow .35s var(--spring-soft), border-color .25s ease;padding:clamp(16px,4vw,24px) clamp(20px,5vw,28px);position:relative;overflow:hidden}.stat-card:before,.stats-overview>div:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover,.stats-overview>div:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg), var(--glow);transform:translateY(-5px)scale(1.02)}.stat-card:hover:before,.stats-overview>div:hover:before{opacity:1}.stat-card .stat-label,.stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:8px;font-size:11px;font-weight:700}.stat-card .stat-value,.stat-value{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text), var(--text-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:700}.stat-card .stat-sub,.stat-sub{color:var(--text-2);margin-top:6px;font-size:13px;font-weight:500}.stats-overview{grid-template-columns:repeat(3,1fr);gap:clamp(12px,3vw,20px);display:grid}.overview-panels{grid-template-columns:1fr 1fr;gap:20px;display:grid}.overview-panels>.card:first-child{grid-column:1/-1}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-header h3{margin-bottom:4px}.page-header-actions{gap:8px;display:flex}.setup-step{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:16px 0;display:flex}.setup-step:last-child{border-bottom:none}.step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.settings-panel{top:var(--nav-h);width:300px;max-height:calc(100vh - var(--nav-h) - 24px);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1001;transition:right .45s var(--spring-bounce), opacity .3s ease;opacity:0;margin:12px;padding:24px;position:fixed;right:-320px}.settings-panel.open{opacity:1;right:0}.settings-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settings-panel h3{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.theme-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-option{cursor:pointer;background:var(--surface-2);transition:all .25s var(--spring-soft);border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;display:flex}.theme-option:hover{background:var(--surface);box-shadow:var(--shadow);transform:translateY(-2px)}.theme-option.active{border-color:var(--primary);background:#0071e30f}.theme-option i{color:var(--text-2);transition:color .2s ease, transform .3s var(--spring-bounce);font-size:20px}.theme-option.active i{color:var(--primary)}.theme-option:hover i{transform:scale(1.15)}.theme-option span{color:var(--text-2);font-size:12px;font-weight:600}.theme-option.active span{color:var(--text)}.nav-toggle{cursor:pointer;min-width:var(--touch-target);min-height:var(--touch-target);z-index:1002;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:none;position:relative}.nav-toggle span{background:var(--text);width:22px;height:2px;transition:all .3s var(--spring-soft);transform-origin:50%;border-radius:2px;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:translate(-10px)}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@keyframes spinSmooth{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #0071e380}50%{opacity:.7;transform:scale(.9);box-shadow:0 0 4px #0071e333}}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 8px}50%{opacity:.5;box-shadow:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes authCardIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(20px)scale(.9)}}@keyframes shimmerMove{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blobMove{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.05)}to{transform:translate(-40px,80px)scale(.95)}}@keyframes ambientMove{0%{transform:translate(-10%)}to{transform:translate(10%)}}@keyframes bgMeshMove{0%{transform:translate(0)scale(1)}50%{transform:translate(3vw,2vh)scale(1.05)}to{transform:translate(-2vw,4vh)scale(1.1)}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes scroll{to{transform:translate(-50%)}}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.95)}}.dot-pulse{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;margin-right:8px;animation:2s ease-in-out infinite pulse;display:inline-block}.hero-badge{background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:99px;align-items:center;margin-bottom:32px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.hero-badge:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.fade-in{opacity:0;will-change:opacity, transform}.fade-in.active{animation:fadeIn .5s var(--spring-soft) forwards}.stagger>*{opacity:0}.stagger>.active{animation:fadeIn .45s var(--spring-soft) forwards}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:90ms}.stagger>:nth-child(3){animation-delay:.14s}.stagger>:nth-child(4){animation-delay:.19s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.29s}.reveal{opacity:0;transition:all .9s var(--spring-soft);will-change:opacity, transform;transform:translateY(36px)}.reveal.active{opacity:1;transform:translateY(0)}.blob{opacity:.18;pointer-events:none;z-index:-1;mix-blend-mode:multiply;border-radius:50%;animation:28s ease-in-out infinite alternate blobMove;position:fixed}:root[data-theme=dark] .blob,[data-theme=dark] .blob{mix-blend-mode:screen;opacity:.12}.blob-1{background:var(--primary);width:50vw;max-width:600px;height:50vw;max-height:600px;top:-10%;left:-10%}.blob-2{background:var(--accent-5);width:60vw;max-width:700px;height:60vw;max-height:700px;animation-duration:38s;animation-delay:-8s;bottom:-20%;right:-10%}.blob-3{background:var(--primary);width:40vw;max-width:500px;height:40vw;max-height:500px;animation-duration:32s;animation-delay:-14s;top:30%;left:40%}.ambient-glow{pointer-events:none;z-index:-2;background:radial-gradient(#0071e312 0%,#0000 60%);border-radius:50%;width:100vw;height:80vh;animation:22s ease-in-out infinite alternate ambientMove;position:fixed;top:-10vh;left:0}body:before{content:"";z-index:-3;background:radial-gradient(circle at 0% 0%, var(--bg) 0%, transparent 50%), radial-gradient(circle at 100% 100%, var(--bg) 0%, transparent 50%), radial-gradient(circle at 100% 0%, #0071e308 0%, transparent 50%), radial-gradient(circle at 0% 100%, #5856d608 0%, transparent 50%);pointer-events:none;animation:28s ease-in-out infinite alternate bgMeshMove;position:fixed;inset:-100px}.landing-root{background:var(--bg);color:var(--text)}.hero{text-align:center;padding:160px 0 100px;position:relative;overflow:hidden}.hero-content{flex-direction:column;align-items:center;max-width:900px;margin:0 auto;display:flex}.hero h1{margin-bottom:24px;line-height:1.05}.hero p{color:var(--text-2);max-width:680px;margin:0 auto 48px;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.mockup-window{background:var(--bg-2);border:1px solid var(--border);max-width:1000px;box-shadow:var(--shadow-lg);transform-origin:top;border-radius:20px;margin:80px auto 0;overflow:hidden}.mockup-header{background:var(--bg-3);border-bottom:1px solid var(--border);gap:8px;padding:14px 20px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mockup-body{background:var(--bg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;padding:48px;display:grid}.mockup-card{background:var(--bg-2);border:1px solid var(--border);text-align:left;transition:all .4s var(--spring-bounce);box-shadow:var(--shadow-sm);border-radius:16px;padding:32px}.mockup-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg), var(--glow);transform:translateY(-8px)scale(1.02)}.mockup-card .label{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:12px;font-weight:700}.mockup-card .value{color:var(--text);font-family:Syne;font-size:40px;font-weight:800;line-height:1}.stats-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:60px 0;padding:60px 0}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.stat-item .number{color:var(--primary);font-family:Syne;font-size:48px;font-weight:800}.stat-item .label{color:var(--text-3);text-transform:uppercase;margin-top:4px;font-size:12px}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:40px}.section-header p{color:var(--text-2);max-width:600px;margin:0 auto}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);transition:all .35s var(--spring-bounce);border-radius:16px;padding:32px;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg), var(--glow);transform:translateY(-5px)}.feature-card:hover:before{opacity:1}.feature-icon{color:var(--primary);margin-bottom:20px;font-size:24px}.feature-card h3{margin-bottom:12px;font-size:18px}.feature-card p{color:var(--text-2);font-size:14px}.marquee{opacity:.5;padding:40px 0;overflow:hidden}.marquee-content{gap:60px;width:max-content;animation:30s linear infinite scroll;display:flex}.platform-item{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;transition:border-color .3s;overflow:hidden}.faq-item:hover{border-color:var(--border-glow)}.faq-question{cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;font-family:Inter;font-size:15px;font-weight:600;transition:all .2s;display:flex}.faq-question i{transition:transform .3s var(--spring-bounce);color:var(--text-3)}.faq-answer{color:var(--text-2);padding:0 24px 20px;font-size:14px;animation:.3s slideDown;display:none}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question i{color:var(--primary)}.contact-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:20px;max-width:600px;margin:60px auto;padding:40px}.final-cta{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-5) 100%);text-align:center;border-radius:24px;margin:80px 0;padding:80px 40px}.final-cta h2{color:#fff;margin-bottom:16px;font-size:48px}.final-cta p{opacity:.9;color:#ffffffe6;margin-bottom:32px;font-size:18px}footer{text-align:center;color:var(--text-3);border-top:1px solid var(--border);padding:40px 0;font-size:12px}footer a{color:var(--text-3);transition:color .2s}footer a:hover{color:var(--primary)}@media (width<=900px){.nav-toggle{display:flex}.nav-menu{display:none}.nav-links{top:var(--nav-h);background:var(--glass-bg);border-bottom:1px solid var(--border);z-index:999;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);animation:slideDown .3s var(--spring-soft);flex-direction:column;gap:8px;padding:16px;display:none;position:fixed;left:0;right:0}.nav-links.open{border-radius:0 0 16px 16px;display:flex}.nav-links a,.nav-links button{border-radius:12px;justify-content:flex-start;width:100%;padding:13px 18px;font-size:15px;font-weight:600}.dashboard-layout{grid-template-columns:1fr}.sidebar{border-right:none;border-top:1px solid var(--border);z-index:900;height:auto;max-height:70vh;transition:transform .45s var(--spring-bounce);border-radius:24px 24px 0 0;padding:24px 16px;display:block;position:fixed;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -8px 40px #0000002e}.sidebar.open{transform:translateY(0)}.main-content{padding:20px 16px 100px}.grid-3{grid-template-columns:1fr 1fr}.grid-2,.overview-panels{grid-template-columns:1fr}.stats-overview,.features-grid{grid-template-columns:1fr 1fr}.auth-card{padding:clamp(24px,4vw,36px)}.hide-mobile{display:none!important}.mobile-sidebar-btn{display:inline-flex}}@media (width<=600px){:root{--nav-h:60px}body{font-size:14px}.grid-3,.grid-2,.stats-overview,.stats-grid,.features-grid{grid-template-columns:1fr}.card{border-radius:var(--radius);padding:20px}.auth-card{border-radius:var(--radius-lg);padding:24px 20px}.btn-lg{padding:13px 22px;font-size:15px}.btn{padding:11px 18px;font-size:14px}table{font-size:13px}th,td{padding:11px 12px}.pin-inputs{gap:8px}.pin-inputs input{width:40px;height:52px;font-size:18px}.upload-zone{padding:32px 20px}h4{font-size:1rem}.hero{padding:120px 0 60px}.hero h1{font-size:clamp(2.2rem,7vw,3.5rem)}.hero-actions{flex-direction:column;align-items:center}.mockup-body{grid-template-columns:1fr}.final-cta{padding:60px 24px}.final-cta h2{font-size:32px}.settings-panel{width:calc(100vw - 32px);right:16px;top:calc(var(--nav-h) + 16px)}}@media (width<=380px){.pin-inputs input{width:36px;height:48px;font-size:16px}.pin-inputs{gap:6px}.auth-card{padding:20px 16px}.container{padding:0 16px}}@supports (padding:max(0px)){.navbar{padding-left:max(env(safe-area-inset-left), 20px);padding-right:max(env(safe-area-inset-right), 20px)}.page-wrapper{padding-bottom:env(safe-area-inset-bottom)}#toast-container{bottom:max(24px, env(safe-area-inset-bottom));right:max(24px, env(safe-area-inset-right))}.sidebar{padding-bottom:max(24px, env(safe-area-inset-bottom))}}