@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500;700&display=swap";.password-field{width:100%}.password-field-inner{position:relative;width:100%}.password-field-inner input{width:100%;box-sizing:border-box;padding-right:40px!important}.password-field-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:#7878a0;cursor:pointer;transition:color .15s,background .15s}.password-field-toggle:hover{color:#a8a8c0;background:#ffffff0a}.auth-modal-shell .password-field-toggle:hover{background:#181838}.password-policy-hint{margin:6px 0 0;font-size:11px;line-height:1.45;color:#7878a0}.tradesxp-logo-wrap{position:relative;display:inline-flex;align-items:center}.tradesxp-logo-img{width:auto;display:block;object-fit:contain}.tradesxp-logo-img--light,.app-shell--light .tradesxp-logo-img--dark,.landing-page.light .tradesxp-logo-img--dark{display:none}.app-shell--light .tradesxp-logo-img--light,.landing-page.light .tradesxp-logo-img--light{display:block}.landing-page .tradesxp-brand.footer-brand{justify-content:center;margin-bottom:10px}.landing-page .tradesxp-brand.footer-brand .tradesxp-brand-name{display:none}.landing-page .tradesxp-brand.landing-logo .tradesxp-logo-wrap,.landing-page .tradesxp-brand.landing-logo .tradesxp-logo-img{height:34px!important}.landing-page .tradesxp-brand.landing-logo .tradesxp-brand-name{font-size:1.05rem}.landing-page{color-scheme:dark;--bg: #0a0a18;--bg-2: #060612;--surface: #11112a;--surface-2: #16163a;--surface-3: #1d1d4c;--border: #2b2b5c;--text: #ffffff;--text-2: #d8d8ee;--text-3: #9a9ac0;--text-4: #6868a0;--accent: #00FF94;--accent-2: #00cc77;--accent-bg: rgba(0,255,148,.12);--accent-glow: rgba(0,255,148,.35);--warn: #FFD166;--danger: #FF6B6B;background:var(--bg);color:var(--text);font-family:DM Sans,-apple-system,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:auto;min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);transition:background-color .25s ease,color .25s ease}.landing-page.light{color-scheme:light;--bg: #ffffff;--bg-2: #f5f7fb;--surface: #ffffff;--surface-2: #f3f5fa;--surface-3: #e9edf6;--border: #d4dae8;--text: #0a0c14;--text-2: #1f2333;--text-3: #4a5168;--text-4: #6c7493;--accent: #00874f;--accent-2: #006b3f;--accent-bg: rgba(0,135,79,.1);--accent-glow: rgba(0,135,79,.22);--warn: #b45309;--danger: #c2293c}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box;margin:0;padding:0}.landing-page{scroll-behavior:smooth}.landing-page h1,.landing-page h2,.landing-page h3{font-family:Bricolage Grotesque,sans-serif;line-height:1.04;letter-spacing:-.025em;font-weight:700}.landing-page h1{font-size:clamp(2.6rem,9vw,5.2rem);font-weight:800}.landing-page h2{font-size:clamp(2rem,5.5vw,3.4rem)}.landing-page h3{font-size:clamp(1.15rem,3vw,1.5rem)}.landing-page .mono{font-family:JetBrains Mono,monospace}.landing-page .container{max-width:1180px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.landing-page header{position:sticky;top:0;z-index:100;--nav-control: 32px;--nav-gap: 6px;--nav-pad-y: 8px;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:color-mix(in srgb,var(--bg) 75%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);transition:background .3s var(--ease, ease),border-color .3s var(--ease, ease),box-shadow .3s var(--ease, ease)}.landing-page header.header-scrolled{--nav-pad-y: 6px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(26px) saturate(165%);-webkit-backdrop-filter:blur(26px) saturate(165%);border-bottom-color:color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:0 1px color-mix(in srgb,var(--accent) 10%,transparent),0 8px 28px -16px color-mix(in srgb,var(--bg) 40%,transparent)}.landing-page header.header-pop-in .nav{animation:landing-header-pop .72s ease-out forwards}@keyframes landing-header-pop{0%{transform:translateY(-16px);opacity:.82}38%{transform:translateY(6px);opacity:1}58%{transform:translateY(-3px)}74%{transform:translateY(2px)}86%{transform:translateY(-1px)}to{transform:translateY(0);opacity:1}}.landing-page .nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--nav-gap);padding:var(--nav-pad-y) 0;min-height:var(--nav-control);min-width:0;transition:padding .3s var(--ease, ease)}.landing-page .nav-brand{grid-column:1;justify-self:start;min-width:0;height:var(--nav-control);display:flex;align-items:center}.landing-page .nav-links{grid-column:2;justify-self:center;display:flex;align-items:center;gap:var(--nav-gap);height:var(--nav-control)}.landing-page .nav-link{display:inline-flex;align-items:center;justify-content:center;height:var(--nav-control);padding:0 12px;border-radius:99px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--text-3);white-space:nowrap;box-sizing:border-box;transition:color .2s ease,background .2s ease}.landing-page .nav-link:hover{color:var(--accent);background:var(--accent-bg)}.landing-page .logo,.landing-page .tradesxp-brand.landing-logo{display:flex;align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--text);text-decoration:none;flex:0 1 auto;min-width:0;white-space:nowrap;height:100%}.landing-page .tradesxp-brand.landing-logo .tradesxp-brand-name{font-size:1.15rem;line-height:1}.landing-page .tradesxp-brand.landing-logo .tradesxp-logo-mark{width:28px;height:28px;border-radius:8px;box-shadow:0 0 16px var(--accent-glow);font-size:.88rem;flex-shrink:0}.landing-page .logo-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 20px var(--accent-glow);display:grid;place-items:center;color:#000;font-weight:900;font-size:.95rem}.landing-page .nav-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:var(--nav-gap);height:var(--nav-control);flex-shrink:0}.landing-page .theme-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:99px;color:var(--text-2);width:var(--nav-control);height:var(--nav-control);flex-shrink:0;display:grid;place-items:center;cursor:pointer;transition:all .2s;font-size:15px;box-sizing:border-box}.landing-page .theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.landing-page .nav-login{display:inline-flex;align-items:center;justify-content:center;height:var(--nav-control);padding:0 14px;border-radius:99px;color:var(--text-2);font-weight:600;font-size:.82rem;text-decoration:none;transition:all .2s;font-family:inherit;border:1px solid var(--border);background:transparent;box-sizing:border-box;white-space:nowrap;line-height:1}.landing-page .nav-login:hover{color:var(--accent);border-color:var(--accent)}.landing-page .cta-mini{display:inline-flex;align-items:center;justify-content:center;height:var(--nav-control);padding:0 14px;background:var(--accent);border:1px solid var(--accent);border-radius:99px;color:#000;font-weight:700;font-size:.82rem;text-decoration:none;transition:box-shadow .25s var(--ease, ease),transform .2s ease;font-family:inherit;box-shadow:0 3px 10px var(--accent-glow);cursor:pointer;white-space:nowrap;line-height:1;position:relative;overflow:hidden;box-sizing:border-box}.landing-page .cta-mini>span{position:relative;z-index:1}.landing-page .cta-mini:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,#fff 28%,transparent) 50%,transparent 65%);transform:translate(-120%);pointer-events:none}.landing-page .cta-mini:hover:after{animation:landing-cta-shimmer .65s ease-out forwards}@keyframes landing-cta-shimmer{to{transform:translate(120%)}}.landing-page .cta-mini .arrow{display:inline-block;font-size:.95em;transition:transform .2s ease}.landing-page .cta-mini:hover .arrow{transform:translate(3px)}.landing-page .cta-mini-short{display:none}.landing-page.light .cta-mini{color:#fff}.landing-page .cta-mini:hover{box-shadow:0 6px 20px var(--accent-glow)}.landing-page .hero{padding:70px 0 80px;text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 0%,color-mix(in srgb,var(--accent) 18%,transparent) 0%,transparent 70%)}.landing-page.light .hero{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(0,135,79,.08) 0%,transparent 70%)}.landing-page .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%),var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:99px;font-size:.78rem;color:var(--accent);font-weight:700;margin-bottom:28px;text-transform:uppercase;letter-spacing:.12em;font-family:JetBrains Mono,monospace;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent) inset,0 8px 28px -10px var(--accent-glow);position:relative;overflow:hidden}.landing-page .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent),0 0 18px var(--accent-glow);animation:landing-blink 2s ease-in-out infinite;flex-shrink:0}.landing-page .eyebrow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,var(--accent) 18%,transparent) 50%,transparent 65%);transform:translate(-120%);animation:landing-eyebrow-shimmer 4.5s ease-in-out infinite;pointer-events:none}.landing-page .eyebrow-item{position:relative;z-index:1}.landing-page .eyebrow-item--accent{color:var(--text);text-shadow:0 0 16px color-mix(in srgb,var(--accent) 45%,transparent)}.landing-page.light .eyebrow-item--accent{color:var(--accent-2)}.landing-page .eyebrow-dot{color:color-mix(in srgb,var(--accent) 55%,transparent);font-weight:500;position:relative;z-index:1}@keyframes landing-blink{50%{opacity:.35;transform:scale(.92)}}@keyframes landing-eyebrow-shimmer{0%,to{transform:translate(-120%)}45%,55%{transform:translate(120%)}}.landing-page .hero h1.hero-title{margin-bottom:22px;margin-left:auto;margin-right:auto;color:var(--text);display:flex;flex-direction:column;align-items:center;text-align:center;text-wrap:balance}.landing-page .hero h1 .hero-title-line{display:block;line-height:1.12}.landing-page .hero h1 .accent{color:var(--accent)}.landing-page .hero p.sub{font-size:clamp(1.05rem,2.5vw,1.3rem);color:var(--text-3);max-width:42ch;margin:0 auto 40px}.landing-page .cta-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}.landing-page .cta{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:12px;font-weight:700;font-size:.98rem;text-decoration:none;transition:all .2s;font-family:DM Sans,sans-serif;border:1px solid;cursor:pointer}.landing-page .cta.primary{background:var(--accent);border-color:var(--accent);color:#000;box-shadow:0 8px 28px var(--accent-glow)}.landing-page.light .cta.primary{color:#fff}.landing-page .cta.primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px var(--accent-glow)}.landing-page .cta.ghost{background:transparent;border-color:var(--border);color:var(--text)}.landing-page .cta.ghost:hover{border-color:var(--accent);color:var(--accent)}.landing-page .arrow{font-size:1rem;line-height:1;transition:transform .2s}.landing-page .cta:hover .arrow{transform:translate(4px)}.landing-page .phone-wrap{perspective:1500px;display:flex;justify-content:center;margin-top:30px}.landing-page .phone{width:min(340px,86vw);background:var(--surface);border-radius:36px;padding:14px;border:1px solid var(--border);box-shadow:0 30px 80px -20px #00000080,0 0 0 1px #ffffff0a,inset 0 0 0 1px #ffffff0a;transform:rotateX(2deg) rotateY(-1deg)}.landing-page.light .phone{box-shadow:0 30px 80px -20px #323c5a33}.landing-page .phone-screen{background:var(--surface-2);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:12px}.landing-page .rank-card{background:linear-gradient(135deg,var(--surface-3),color-mix(in srgb,var(--accent) 14%,var(--surface-3)));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:14px;padding:14px}.landing-page .rank-card-top{display:flex;align-items:center;gap:10px}.landing-page .rank-icon{font-size:28px}.landing-page .rank-name{font-family:Bricolage Grotesque;font-size:1.05rem;font-weight:800;color:var(--accent)}.landing-page .rank-xp{color:var(--text-4);font-size:.72rem;font-family:JetBrains Mono}.landing-page .rank-streak{margin-left:auto;text-align:right}.landing-page .rank-streak-num{font-size:1.1rem;font-weight:800;color:var(--text);font-family:JetBrains Mono}.landing-page .rank-streak-lbl{color:var(--text-4);font-size:.58rem;letter-spacing:.08em}.landing-page .xp-bar{margin-top:10px;height:6px;background:var(--surface);border-radius:99px;overflow:hidden}.landing-page .xp-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:99px;box-shadow:0 0 8px var(--accent-glow);animation:landing-pulse 2s ease-in-out infinite}.landing-page:not(.motion-ready) .xp-fill{width:65%}@keyframes landing-pulse{50%{opacity:.85}}.landing-page .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.landing-page .stat{background:var(--surface-3);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.landing-page .stat-label{font-size:.6rem;color:var(--text-4);text-transform:uppercase;letter-spacing:.08em}.landing-page .stat-value{font-family:JetBrains Mono;font-weight:800;font-size:1.1rem}.landing-page .stat.pos .stat-value{color:var(--accent)}.landing-page .stat.warn .stat-value{color:var(--warn)}.landing-page section{padding:80px 0;position:relative;scroll-margin-top:72px;z-index:2}.landing-page section h2{text-align:center;margin-bottom:14px}.landing-page section h2 .accent{color:var(--accent)}.landing-page .section-sub{text-align:center;color:var(--text-3);max-width:52ch;margin:0 auto 50px;font-size:clamp(.98rem,2vw,1.12rem)}.landing-page .section-eyebrow{display:block;text-align:center;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;font-weight:600;margin-bottom:14px}.landing-page .tailor{padding:70px 0;position:relative;overflow:hidden}.landing-page .section-glow{position:relative;overflow:hidden}.landing-page .section-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 65% 55% at 50% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 72%);pointer-events:none}.landing-page .section-glow--left:before{background:radial-gradient(ellipse 55% 60% at 12% 40%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%)}.landing-page .section-band{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 55%,transparent) 0%,transparent 100%)}.landing-page.light .section-band{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 80%,transparent) 0%,transparent 100%)}.landing-page .tailor-head{text-align:center;max-width:620px;margin:0 auto 40px;position:relative}.landing-page .tailor-tag{display:inline-block;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;font-weight:600;margin-bottom:18px;padding:5px 12px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:99px;background:var(--accent-bg)}.landing-page .tailor-head h2{margin-bottom:14px;font-size:clamp(1.8rem,5vw,3rem)}.landing-page .tailor-head .section-sub{margin-bottom:0}.landing-page .tailor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;position:relative}.landing-page .tailor-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 20px;transition:all .25s ease;text-align:left}.landing-page.light .tailor-card{box-shadow:0 2px 8px -2px #2832500a}.landing-page .tailor-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 32px -12px var(--accent-glow)}.landing-page .tailor-icon{width:40px;height:40px;border-radius:11px;background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);display:grid;place-items:center;font-size:20px;margin-bottom:14px}.landing-page .tailor-card h3{color:var(--text);margin-bottom:6px;font-size:1.05rem}.landing-page .tailor-card p{color:var(--text-3);font-size:.9rem;line-height:1.5}.landing-page .tailor-card em,.landing-page .tailor-head em{color:var(--accent);font-style:normal;font-weight:700}.landing-page .ladder{display:flex;flex-direction:column;gap:6px;max-width:620px;margin:0 auto}.landing-page .ladder-row{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;position:relative;overflow:hidden}.landing-page.light .ladder-row{box-shadow:0 1px 3px #2832500a}.landing-page .ladder-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;background:linear-gradient(105deg,transparent 38%,color-mix(in srgb,var(--rank-color, var(--accent)) 22%,transparent) 50%,transparent 62%);transform:translate(-110%);transition:opacity .18s ease;pointer-events:none}.landing-page .ladder-row:hover:before{opacity:1;animation:landing-ladder-shimmer .8s ease-out forwards}@keyframes landing-ladder-shimmer{to{transform:translate(110%)}}.landing-page .ladder-row:hover{transform:translate(5px);border-color:var(--rank-color, var(--accent));box-shadow:0 4px 20px -6px color-mix(in srgb,var(--rank-color, var(--accent)) 55%,transparent)}.landing-page .ladder-icon{font-size:2rem;flex-shrink:0;position:relative;z-index:1}.landing-page .ladder-info{flex:1;min-width:0;position:relative;z-index:1}.landing-page .ladder-name{font-family:Bricolage Grotesque;font-weight:700;font-size:1.05rem;color:var(--rank-color, var(--text))}.landing-page .ladder-xp{color:var(--text-4);font-size:.78rem;font-family:JetBrains Mono}.landing-page .ladder-arrow{color:var(--text-4);flex-shrink:0;font-size:1.2rem;position:relative;z-index:1}.landing-page .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:40px}.landing-page .step{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px 24px;position:relative}.landing-page .step-num{position:absolute;top:-14px;left:22px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;border-radius:99px;width:30px;height:30px;display:grid;place-items:center;font-family:Bricolage Grotesque;font-weight:800;font-size:.95rem;box-shadow:0 4px 12px var(--accent-glow)}.landing-page.light .step-num{color:#fff}.landing-page .step h3{margin-top:6px;margin-bottom:8px;font-size:1.1rem}.landing-page .step p{color:var(--text-3);font-size:.95rem}.landing-page .demo-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;max-width:480px;margin:0 auto;box-shadow:0 20px 60px -20px #0000004d}.landing-page .demo-rule{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-bottom:6px;font-size:.92rem;transition:all .2s}.landing-page .demo-rule.checked.pos{background:var(--accent-bg);border-color:var(--accent)}.landing-page .demo-rule.checked.neg{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger)}.landing-page .check{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--text-4);flex-shrink:0;display:grid;place-items:center;font-size:11px;font-weight:800}.landing-page .demo-rule.checked.pos .check{background:var(--accent);border-color:var(--accent);color:#000}.landing-page.light .demo-rule.checked.pos .check{color:#fff}.landing-page .demo-rule.checked.neg .check{background:var(--danger);border-color:var(--danger);color:#fff}.landing-page .demo-rule-label{flex:1;color:var(--text-2)}.landing-page .demo-rule.checked .demo-rule-label{color:var(--text)}.landing-page .demo-rule-pts{font-family:JetBrains Mono;font-weight:700;font-size:.82rem}.landing-page .demo-rule.pos .demo-rule-pts{color:var(--accent)}.landing-page .demo-rule.neg .demo-rule-pts{color:var(--danger)}.landing-page .demo-header{color:var(--text-3);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-family:JetBrains Mono;font-weight:600;margin:16px 0 8px}.landing-page .demo-header:first-child{margin-top:0}.landing-page .demo-score{display:flex;align-items:center;gap:14px;background:var(--surface-3);border-radius:14px;padding:16px;margin-top:18px;border:1px solid var(--border)}.landing-page .score-ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--accent) 0deg 280deg,var(--surface) 280deg 360deg);display:grid;place-items:center;position:relative;flex-shrink:0}.landing-page .score-ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--surface-3)}.landing-page .score-num{position:relative;font-family:JetBrains Mono;font-weight:800;font-size:1.3rem;color:var(--accent)}.landing-page .score-info h4{font-size:.72rem;color:var(--text-3);font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.1em;font-family:JetBrains Mono}.landing-page .score-info p{font-size:.95rem;color:var(--text);font-weight:600}.landing-page .score-xp{font-family:JetBrains Mono;color:var(--accent);font-size:.78rem;margin-top:4px;font-weight:700}.landing-page .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:40px}.landing-page .feature{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px 24px;transition:all .3s ease;position:relative;overflow:hidden}.landing-page .feature:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 40px -16px var(--accent-glow)}.landing-page .feature-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);display:grid;place-items:center;color:var(--accent);margin-bottom:16px;font-size:22px}.landing-page .feature h3{color:var(--text);margin-bottom:8px;font-size:1.15rem}.landing-page .feature p{color:var(--text-3);font-size:.95rem}.landing-page .final-cta{padding:80px 0;text-align:center}.landing-page .final-card{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 14%,var(--surface)));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:24px;padding:clamp(36px,7vw,64px) 24px;max-width:720px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 80px -24px var(--accent-glow)}.landing-page .final-card h2{margin-bottom:14px;position:relative}.landing-page .final-card p{color:var(--text-3);margin-bottom:30px;position:relative;max-width:44ch;margin-left:auto;margin-right:auto;font-size:clamp(.98rem,2vw,1.12rem)}.landing-page .final-card .cta{position:relative;font-size:1.02rem}.landing-page footer{border-top:1px solid var(--border);padding:32px 0;text-align:center;color:var(--text-4);font-size:.88rem;position:relative;z-index:1}.landing-page footer .logo{justify-content:center;margin-bottom:10px;font-size:1.1rem}.landing-page .reveal{opacity:1;transform:none}.landing-page.anim-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.landing-page.anim-ready .reveal.visible{opacity:1;transform:translateY(0)}.landing-page.anim-ready .reveal-medium{transition:opacity .48s var(--ease),transform .48s var(--ease)}.landing-page{--ease: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}.landing-flowfield{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85}.landing-page.light .landing-flowfield{opacity:.55}.landing-chart-grid{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.landing-cursor-glow{position:fixed;top:0;left:0;width:min(560px,88vw);height:min(560px,88vw);pointer-events:none;z-index:1;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent) 0%,color-mix(in srgb,var(--accent-2) 8%,transparent) 38%,transparent 65%);filter:blur(42px);opacity:0;transition:opacity .6s var(--ease);mix-blend-mode:screen;will-change:transform}.landing-page.landing-cursor-active .landing-cursor-glow{opacity:1}.landing-page.light .landing-cursor-glow{mix-blend-mode:multiply;opacity:0}.landing-page.light.landing-cursor-active .landing-cursor-glow{opacity:.55}.landing-page .hero{position:relative;z-index:2}.landing-page .hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 68%);z-index:0}.landing-page.motion-ready .landing-hero-in{opacity:0;transform:translateY(10px);animation:landing-fade-up .42s var(--ease) forwards;animation-delay:60ms}.landing-page.motion-ready .landing-hero-in--delayed{animation-delay:.24s}.landing-page.motion-ready .landing-hero-in--late{animation-delay:.36s}.landing-page.motion-ready .landing-hero-line{opacity:0;transform:translateY(10px);animation:landing-fade-up .42s var(--ease) forwards}.landing-page.motion-ready .hero-title-line:nth-child(1){animation-delay:.1s}.landing-page.motion-ready .hero-title-line:nth-child(2){animation-delay:.18s}@keyframes landing-fade-up{to{opacity:1;transform:translateY(0)}}.landing-page.motion-ready .landing-tilt{transform-style:preserve-3d;transition:box-shadow .35s var(--ease),border-color .35s var(--ease);will-change:transform}.landing-page.motion-ready .landing-tilt-shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:.55;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 55%);transition:opacity .35s var(--ease)}.landing-page.motion-ready .phone.landing-tilt{position:relative;transition:box-shadow .35s var(--ease),transform .1s linear}.landing-page.motion-ready .landing-magnetic{will-change:transform;transition:box-shadow .25s var(--ease)}.landing-page.motion-ready .xp-fill{width:0%;transition:width 1.3s var(--ease)}.landing-page.motion-ready .landing-parallax-slow,.landing-page.motion-ready .landing-parallax-med{will-change:transform}@media(prefers-reduced-motion:reduce){.landing-page{scroll-behavior:auto}.landing-flowfield,.landing-cursor-glow{display:none!important}.landing-page .ladder-row:hover:before{animation:none;opacity:0}.landing-page.motion-ready .landing-hero-in,.landing-page.motion-ready .landing-hero-line{opacity:1;transform:none;animation:none}.landing-page.anim-ready .reveal{opacity:1;transform:none;transition:none}.landing-page.motion-ready .xp-fill{width:65%;transition:none}.landing-page .xp-fill{width:65%}.landing-page.motion-ready .landing-tilt,.landing-page.motion-ready .landing-magnetic,.landing-page.motion-ready .landing-parallax-slow,.landing-page.motion-ready .landing-parallax-med{transform:none!important}}@media(hover:none),(pointer:coarse){.landing-cursor-glow{display:none!important}.landing-page.motion-ready .landing-tilt,.landing-page.motion-ready .landing-magnetic{transform:none!important}}@media(max-width:768px){.landing-page .nav{grid-template-columns:1fr auto}.landing-page .nav-links{display:none}.landing-page .nav-actions{grid-column:2}}@media(prefers-reduced-motion:reduce){.landing-page header.header-pop-in .nav{animation:none}}@media(max-width:640px){.landing-page section{padding:60px 0}.landing-page .hero{padding:40px 0 60px}.landing-page .cta{padding:13px 22px;font-size:.95rem}.landing-page .phone{width:290px}.landing-page .container{padding:0 14px}.landing-page header{--nav-control: 30px;--nav-gap: 5px;--nav-pad-y: 7px}.landing-page header.header-scrolled{--nav-pad-y: 5px}.landing-page .tradesxp-brand.landing-logo .tradesxp-brand-name{font-size:1.05rem}.landing-page .tradesxp-brand.landing-logo .tradesxp-logo-mark{width:26px;height:26px;font-size:.82rem;border-radius:7px}.landing-page .nav-link{font-size:.65rem;padding:0 10px}.landing-page .theme-toggle{font-size:14px}.landing-page .nav-login,.landing-page .cta-mini{padding:0 11px;font-size:.76rem}}@media(max-width:400px){.landing-page header{--nav-control: 28px;--nav-gap: 4px}.landing-page .tradesxp-brand.landing-logo .tradesxp-brand-name{font-size:.95rem}.landing-page .tradesxp-brand.landing-logo .tradesxp-logo-mark{width:24px;height:24px}.landing-page .theme-toggle{font-size:13px}.landing-page .nav-login,.landing-page .cta-mini{padding:0 9px;font-size:.72rem}.landing-page .cta-mini-long{display:none}.landing-page .cta-mini-short{display:inline}}.marketing-theme-toggle{background:var(--surface-2, #16163a);border:1px solid var(--border, #2b2b5c);border-radius:99px;color:var(--text-2, #d8d8ee);width:38px;height:38px;display:grid;place-items:center;cursor:pointer;transition:all .2s;font-size:16px;font-family:inherit;flex-shrink:0}.marketing-theme-toggle:hover{border-color:var(--accent, #00ff94);color:var(--accent, #00ff94)}@media(max-width:480px){.marketing-theme-toggle{width:34px;height:34px;font-size:15px}}.admin-shell{min-height:100vh;background:#0a0a18;color:#e0e0ec;font-family:Bricolage Grotesque,-apple-system,system-ui,sans-serif;font-size:14px}.admin-shell *,.admin-shell *:before,.admin-shell *:after{box-sizing:border-box}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid #2a2a55;background:#11112a;position:sticky;top:0;z-index:10}.admin-topbar h1{margin:0;font-size:18px;font-weight:800;color:#fff}.admin-topbar .sub{font-size:12px;color:#7878a0;margin-top:2px}.admin-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:0;min-height:calc(100vh - 57px)}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}}.admin-sidebar{border-right:1px solid #2a2a55;padding:16px;overflow:auto}.admin-main{padding:16px 20px;overflow:auto}.admin-search{display:flex;gap:8px;margin-bottom:12px}.admin-search input{flex:1;background:#181838;border:1px solid #2a2a55;border-radius:8px;color:#fff;padding:10px 12px;font-size:13px;outline:none;font-family:inherit}.admin-btn{background:#181838;border:1px solid #2a2a55;border-radius:8px;color:#e0e0ec;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.admin-btn:hover{border-color:#00ff94;color:#00ff94}.admin-btn.primary{background:#00ff94;border-color:#00ff94;color:#000}.admin-btn.danger{border-color:#ff6b6b44;color:#ff6b6b}.admin-user-list{display:flex;flex-direction:column;gap:6px}.admin-user-row{width:100%;text-align:left;background:#11112a;border:1px solid #2a2a55;border-radius:10px;padding:12px;cursor:pointer;font-family:inherit;color:inherit}.admin-user-row:hover,.admin-user-row.active{border-color:#00ff94;background:#00ff9412}.admin-user-row .email{font-weight:700;font-size:13px;color:#fff;word-break:break-all}.admin-user-row .meta{margin-top:4px;font-size:11px;color:#7878a0;display:flex;flex-wrap:wrap;gap:8px}.admin-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:700;text-transform:uppercase}.admin-badge.ok{background:#00ff9420;color:#00ff94}.admin-badge.warn{background:#ffd16620;color:#ffd166}.admin-badge.bad{background:#ff6b6b20;color:#ff6b6b}.admin-badge.admin{background:#7b61ff20;color:#a78bfa}.admin-card{background:#11112a;border:1px solid #2a2a55;border-radius:12px;padding:16px;margin-bottom:16px}.admin-card h2{margin:0 0 12px;font-size:15px;font-weight:800;color:#fff}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.admin-stat{background:#181838;border-radius:8px;padding:10px 12px}.admin-stat .label{font-size:10px;color:#7878a0;text-transform:uppercase;letter-spacing:.08em}.admin-stat .value{margin-top:4px;font-size:13px;font-weight:600;color:#e0e0ec;word-break:break-all}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-journal-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.admin-journal-save{align-self:flex-start}.admin-profile-editor{--surface: #11112a;--surface2: #11112a;--surface3: #181838;--border: #2a2a55;--text: #ffffff;--text-2: #e0e0ec;--text-3: #a8a8c0;--text-4: #7878a0;--accent: #00ff94;--accent-bg: #00ff9420;--accent-ring: #00ff9466;--pos: #00ff94;--pos-bg: #00ff9420;--neg: #ff6b6b;--neg-bg: #ff6b6b20;--warn: #ffd166}.admin-profile-hint{margin:0 0 14px;font-size:12px;color:#7878a0;line-height:1.5}.admin-profile-account-picker{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.admin-profile-account-picker label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7878a0}.admin-profile-select{max-width:320px;background:#181838;border:1px solid #2a2a55;border-radius:8px;color:#fff;padding:8px 10px;font-size:13px;font-family:inherit;outline:none}.admin-profile-sections{display:flex;flex-direction:column;gap:16px}.admin-profile-section{padding:14px;background:#0a0a18;border:1px solid #2a2a55;border-radius:10px}.admin-profile-section h3{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a8a8c0}.admin-profile-form{display:flex;flex-direction:column;gap:12px}.admin-profile-field{display:flex;flex-direction:column;gap:6px}.admin-profile-field>span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7878a0}.admin-profile-name-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:480px){.admin-profile-name-row{grid-template-columns:1fr}}.admin-profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.admin-profile-editor .fi{width:100%;box-sizing:border-box;background:#181838;border:1px solid #2a2a55;border-radius:8px;color:#fff;padding:8px 10px;font-size:13px;outline:none;font-family:inherit}.admin-profile-editor .fi:focus{border-color:#00ff94}.admin-profile-editor .btn-primary{background:#00ff94;border:1px solid #00ff94;border-radius:8px;color:#000;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.admin-action-groups{display:flex;flex-direction:column;gap:14px;margin-top:16px}.admin-action-group{display:flex;flex-direction:column;gap:8px}.admin-action-group-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7878a0}.admin-action-group-buttons{display:flex;flex-wrap:wrap;gap:8px}.admin-action-group--danger{padding:12px 14px;border-radius:10px;border:1px solid #ff6b6b44;background:#ff6b6b0d}.admin-action-group--danger .admin-action-group-label{color:#ff8a8a}.admin-timeline{list-style:none;margin:0;padding:0}.admin-timeline li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #2a2a5522;font-size:12px}.admin-timeline li:last-child{border-bottom:none}.admin-json{width:100%;min-height:200px;background:#050510;border:1px solid #2a2a55;border-radius:8px;color:#a8a8c0;padding:12px;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.5;resize:vertical}.admin-empty{color:#7878a0;font-size:13px;padding:40px 20px;text-align:center}.admin-error{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:#ff6b6b18;border:1px solid #FF6B6B44;color:#ff6b6b;font-size:12px;line-height:1.45}.admin-success{color:#00ff94;font-size:12px;margin-top:8px}.admin-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px;color:#7878a0}.admin-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.admin-confirm-dialog{width:100%;max-width:400px;background:#11112a;border:1px solid #2a2a55;border-radius:14px;padding:22px 24px;box-shadow:0 20px 50px #00000080}.admin-confirm-dialog h2{margin:0 0 10px;font-size:17px;font-weight:800;color:#fff}.admin-confirm-dialog p{margin:0 0 20px;font-size:13px;line-height:1.55;color:#a8a8c0}.admin-confirm-error{margin:-8px 0 16px!important;padding:10px 12px;border-radius:8px;background:#ff6b6b18;border:1px solid #FF6B6B44;color:#ff6b6b!important;font-size:12px!important}.admin-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.auth-page-shell{color-scheme:dark;--bg: #050510;--surface: #11112a;--surface-2: #181838;--border: #2a2a55;--text: #ffffff;--text-2: #e0e0ec;--text-3: #a8a8c0;--text-4: #7878a0;--accent: #00ff94;--accent-bg: rgba(0, 255, 148, .12);--accent-border: rgba(0, 255, 148, .27);--danger: #ff6b6b;--danger-bg: rgba(255, 107, 107, .12);--danger-border: rgba(255, 107, 107, .27);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:var(--bg);font-family:Bricolage Grotesque,system-ui,sans-serif;color:var(--text-2);transition:background-color .25s ease,color .25s ease}.auth-page-shell.light{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-2: #f3f5fa;--border: #d4dae8;--text: #0a0c14;--text-2: #1f2333;--text-3: #4a5168;--text-4: #6c7493;--accent: #00874f;--accent-bg: rgba(0, 135, 79, .1);--accent-border: rgba(0, 135, 79, .28);--danger: #c2293c;--danger-bg: rgba(194, 41, 60, .08);--danger-border: rgba(194, 41, 60, .22)}@media(min-width:640px){.auth-page-shell{justify-content:center}}.auth-page-shell *,.auth-page-shell *:before,.auth-page-shell *:after{box-sizing:border-box}.auth-page-toolbar{width:100%;max-width:440px;display:flex;justify-content:flex-end;margin-bottom:12px;flex-shrink:0}.auth-page-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 28px;text-align:center;flex-shrink:0}.auth-page-brand{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}.auth-page-card h1{margin:0 0 10px;font-size:24px;font-weight:800;color:var(--text);line-height:1.2}.auth-page-desc{margin:0 0 24px;font-size:14px;color:var(--text-3);line-height:1.55}.auth-page-icon{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800}.auth-page-icon.ok{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.auth-page-icon.err{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.auth-page-loading{color:var(--text-4);font-size:14px;padding:12px 0}.auth-page-error{color:var(--danger);font-size:13px;line-height:1.5;margin-bottom:20px}.auth-page-btn{display:inline-block;width:100%;background:var(--accent);color:#000;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;text-align:center}.auth-page-shell.light .auth-page-btn{color:#fff}.auth-page-btn:hover{filter:brightness(1.08)}.auth-page-btn:disabled{opacity:.6;cursor:not-allowed}.auth-page-btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text-3);margin-top:10px}.auth-page-btn.ghost:hover{border-color:var(--accent);color:var(--accent);filter:none}.auth-page-footer{margin-top:20px;font-size:12px;color:var(--text-4)}.auth-page-form{display:flex;flex-direction:column;gap:12px;text-align:left}.auth-page-form input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:13px;outline:none;font-family:inherit}.auth-page-form input:focus{border-color:var(--accent)}.auth-page-form .password-field-inner input:focus{border-color:var(--accent)}.auth-page-shell .auth-modal-footer{border-top-color:var(--border)}.auth-page-shell .auth-modal-link{color:var(--text-3)}.auth-page-shell .auth-modal-link:hover,.auth-page-shell .auth-modal-link--emphasis{color:var(--accent)}.auth-page-shell .auth-modal-footer-divider{background:var(--border)}.auth-modal-footer{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #2a2a55}.auth-modal-footer .auth-modal-link{display:block;width:100%;box-sizing:border-box;margin:0;padding:12px 16px;min-height:44px;border-radius:8px;border:1px solid transparent;background:transparent;color:#a8a8c0;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;text-align:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.auth-modal-footer .auth-modal-link:hover{background:#181838;border-color:#2a2a55;color:#e0e0ec}.auth-modal-footer .auth-modal-link--emphasis{color:#00ff94;border-color:#00ff9422;background:#00ff940a;font-weight:600}.auth-modal-footer .auth-modal-link--emphasis:hover{border-color:#00ff9466;background:#00ff9418;color:#00ff94}.auth-modal-footer-divider{height:1px;background:#2a2a5522;margin:2px 0}.auth-modal-shell .auth-modal-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;margin:0;padding:11px 16px;min-height:44px;border-radius:8px;border:1px solid #2a2a55;background:#fff;color:#1a1a2e;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.auth-modal-shell .auth-modal-google:hover:not(:disabled){background:#f4f4f8;border-color:#3a3a6a}.auth-modal-shell .auth-modal-google:disabled{opacity:.6;cursor:not-allowed}.auth-modal-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#7878a0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.auth-modal-divider:before,.auth-modal-divider:after{content:"";flex:1;height:1px;background:#2a2a55}.auth-page-card--form{max-width:440px;width:100%;text-align:left;position:relative;margin:auto 0;flex-shrink:0}.auth-page-back{display:inline-flex;align-items:center;margin-bottom:20px;color:var(--text-4);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.auth-page-back:hover{color:var(--accent)}.auth-form-header{margin-bottom:20px}.auth-form-brand{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.auth-form-header h1{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--text);line-height:1.2}.auth-form-header p{margin:0;font-size:13px;color:var(--text-3);line-height:1.5}.auth-form-banner{margin-bottom:12px;padding:10px 12px;border-radius:8px;background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);font-size:12;line-height:1.45}.auth-form-fields{display:flex;flex-direction:column;gap:12px}.profile-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:420px){.profile-name-row{grid-template-columns:1fr}}.profile-name-row--app{gap:10px}.auth-form-input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:13;outline:none;font-family:inherit}.auth-form-input:focus{border-color:var(--accent)}.auth-form-error{color:var(--danger);font-size:12;line-height:1.4}.auth-form-message{color:var(--accent);font-size:12;line-height:1.4}.auth-form-submit{width:100%;background:var(--accent);color:#000;border:none;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.auth-page-shell.light .auth-form-submit{color:#fff}.auth-form-submit:disabled{opacity:.6;cursor:not-allowed}.auth-page-card--form .auth-modal-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.auth-page-card--form .auth-modal-link{text-decoration:none;display:block}:root{--theme-transition-duration: .22s}html.theme-transitions-enabled body,html.theme-transitions-enabled .app-sidebar,html.theme-transitions-enabled .app-main-column,html.theme-transitions-enabled .mobile-bottom-nav,html.theme-transitions-enabled .fi,html.theme-transitions-enabled .pill,html.theme-transitions-enabled .btn-primary,html.theme-transitions-enabled .btn-primary-ghost,html.theme-transitions-enabled .btn-ghost,html.theme-transitions-enabled .nav-item,html.theme-transitions-enabled .interactive-row,html.theme-transitions-enabled .interactive-card,html.theme-transitions-enabled .icon-btn,html.theme-transitions-enabled .theme-picker-card,html.theme-transitions-enabled .settings-pill,html.theme-transitions-enabled .font-picker-option,html.theme-transitions-enabled .rank-hero-card,html.theme-transitions-enabled .level-row,html.theme-transitions-enabled .sidebar-toggle-btn{transition:background-color var(--theme-transition-duration) ease,background var(--theme-transition-duration) ease,border-color var(--theme-transition-duration) ease,color var(--theme-transition-duration) ease,box-shadow var(--theme-transition-duration) ease}.app-cursor-glow{position:fixed;top:0;left:0;width:min(440px,75vw);height:min(440px,75vw);pointer-events:none;z-index:0;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent) 0%,color-mix(in srgb,var(--accent) 5%,transparent) 42%,transparent 68%);filter:blur(48px);opacity:0;transition:opacity .5s ease;mix-blend-mode:screen;will-change:transform}.app-shell.app-cursor-active .app-cursor-glow{opacity:.85}.app-shell--light .app-cursor-glow{mix-blend-mode:multiply;opacity:0}.app-shell--light.app-cursor-active .app-cursor-glow{opacity:.45}.app-shell>.app-sidebar,.app-shell>.app-main-column{position:relative;z-index:1}.nav-item{transition:background .15s ease,color .15s ease,box-shadow .15s ease}.nav-item:hover:not(.nav-item--active){background:var(--surface3)}.nav-item--active{background:var(--accent-bg);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-ring)}.mobile-nav-item{transition:background .15s ease,color .15s ease}.mobile-nav-item--active{background:var(--accent-bg);color:var(--accent)}.mobile-nav-item:active:not(.mobile-nav-item--active){background:var(--surface3)}.interactive-row{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.interactive-row--clickable{cursor:pointer}.interactive-row--clickable:hover{border-color:var(--accent-ring);background:var(--surface3);box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 8%,transparent)}.interactive-card{--card-accent: var(--accent);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.interactive-card:hover{border-color:color-mix(in srgb,var(--card-accent) 38%,transparent);box-shadow:0 4px 18px color-mix(in srgb,var(--card-accent) 10%,transparent)}.icon-btn{transition:background .15s ease,color .15s ease,transform .12s ease,opacity .15s ease}.icon-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.icon-btn:active:not(:disabled){transform:translateY(0)}.theme-picker-card{position:relative;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.theme-picker-card:hover:not(.theme-picker-card--active){border-color:color-mix(in srgb,var(--picker-accent) 55%,var(--border))!important;box-shadow:0 4px 16px color-mix(in srgb,var(--picker-accent) 12%,transparent);transform:translateY(-2px)}.theme-picker-card--active{box-shadow:0 0 12px color-mix(in srgb,var(--picker-accent) 28%,transparent)}.settings-pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface3);border:1px solid var(--border);color:var(--text-3);padding:6px 14px;border-radius:99px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease}.settings-pill:hover:not(.settings-pill--active){border-color:var(--accent-ring);color:var(--text-2);background:color-mix(in srgb,var(--surface3) 80%,var(--accent-bg))}.settings-pill--active{background:var(--accent-bg);border-color:var(--accent-ring);color:var(--accent)}.font-picker-trigger{transition:border-color .15s ease,box-shadow .15s ease}.font-picker-trigger:hover{border-color:var(--accent-ring)}.font-picker-option{transition:background .15s ease,border-color .15s ease}.font-picker-option:hover:not(.font-picker-option--active){background:var(--surface3);border-color:var(--border)!important}.rank-hero-card{--rank-color: var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.rank-hero-card:hover{border-color:color-mix(in srgb,var(--rank-color) 55%,transparent)!important;box-shadow:inset 0 1px #ffffff14,0 12px 36px color-mix(in srgb,var(--rank-color) 22%,transparent)!important;transform:translateY(-1px)}.xp-bar-fill{height:100%;border-radius:99px;transition:width .75s cubic-bezier(.16,1,.3,1)}.level-row{transition:border-color .15s ease,background .15s ease}.level-row--current{box-shadow:0 0 0 1px color-mix(in srgb,var(--level-color) 20%,transparent)}.modal-panel-enter{animation:modalPanelIn .28s cubic-bezier(.16,1,.3,1) both}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-toggle-btn{transition:background .15s ease,border-color .15s ease,color .15s ease}.sidebar-toggle-btn:hover{background:var(--surface2);border-color:var(--accent-ring);color:var(--accent)}.view-enter{animation:appViewIn .22s ease-out both}.screenshot-analyze-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;padding:12px 16px;border-radius:10px;border:1px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,white) 0%,var(--accent) 100%);color:var(--btn-text);font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 0 0 1px var(--accent-ring),0 8px 24px color-mix(in srgb,var(--accent) 28%,transparent);transition:filter .15s ease,transform .12s ease,box-shadow .15s ease}.screenshot-analyze-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 0 0 1px var(--accent-ring),0 12px 28px color-mix(in srgb,var(--accent) 34%,transparent)}.screenshot-analyze-btn:active:not(:disabled){transform:translateY(0)}.screenshot-analyze-btn:disabled{opacity:.85;cursor:wait;transform:none}@keyframes appViewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(hover:none),(pointer:coarse){.app-cursor-glow{display:none!important}}@media(prefers-reduced-motion:reduce){.app-cursor-glow{display:none!important}.nav-item,.mobile-nav-item,.interactive-row,.interactive-card,.icon-btn,.theme-picker-card,.settings-pill,.font-picker-option,.rank-hero-card,.level-row,.sidebar-toggle-btn{transition:none}.theme-picker-card:hover:not(.theme-picker-card--active){transform:none}.icon-btn:hover:not(:disabled){transform:none}.rank-hero-card:hover{transform:none}.screenshot-analyze-btn:hover:not(:disabled){transform:none}.view-enter,.modal-panel-enter{animation:none}.xp-bar-fill{transition:none}}