@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:#0b0d16;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #0b0d16;--text-primary: #f4f6ff;--text-secondary: rgba(244, 246, 255, .7);--text-muted: rgba(244, 246, 255, .5);--accent: #7cd6ff}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background-color:var(--surface);color:var(--text-primary);background-image:radial-gradient(rgba(125,214,255,.12) 1px,transparent 1px);background-size:28px 28px}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:Fraunces,serif;font-weight:600}button{transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px)}.app{color:var(--text-primary);min-height:100vh;background:radial-gradient(circle at top,rgba(96,197,255,.12),transparent 45%),radial-gradient(circle at 20% 20%,rgba(255,206,120,.12),transparent 35%),radial-gradient(circle at 80% 30%,rgba(120,112,255,.2),transparent 35%),var(--surface)}.promo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4vw,60px);background:linear-gradient(90deg,#8f3ce6,#6b47ff,#4c63ff);color:#fff;font-size:14px}.promo-content{display:flex;align-items:center;gap:10px;font-weight:600}.promo-icons{display:inline-flex;gap:6px;font-size:15px}.promo-actions{display:flex;align-items:center;gap:10px}.promo-button{border:none;border-radius:999px;padding:8px 16px;background:#fff3;color:#fff;font-weight:600;cursor:pointer}.promo-close{border:none;background:transparent;color:#fff;font-size:16px;cursor:pointer}.hero{padding:32px clamp(20px,6vw,88px) 72px;position:relative;overflow:hidden}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:56px}.brand{display:flex;gap:14px;align-items:center}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#6d79ff,#64d6ff);color:#0c0f1b;font-weight:700;border-radius:12px;font-size:18px}.brand-title{font-size:20px;font-weight:600;margin:0}.brand-tag{font-size:12px;color:var(--text-muted);margin:0}.nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.nav-links a{color:var(--text-muted);font-size:14px}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;align-items:center}.hero-copy h1{font-size:clamp(2.5rem,4vw,3.6rem);margin:12px 0;line-height:1.05;letter-spacing:-.02em}.lead{font-size:1.05rem;color:var(--text-secondary);max-width:520px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600;color:var(--accent)}.hero-actions{display:flex;gap:16px;margin:26px 0 30px;flex-wrap:wrap}.primary,.secondary,.ghost,.text-button{border:none;font-family:inherit;cursor:pointer}.primary,.secondary,.ghost{padding:12px 20px;border-radius:999px;font-weight:600;font-size:14px}.primary{background:linear-gradient(130deg,#6d79ff,#64d6ff);color:#0c0f1b;box-shadow:0 12px 30px #6587ff59}.secondary{background:#ffffff14;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.ghost{background:transparent;border:1px solid rgba(255,255,255,.16);color:var(--text-primary)}.text-button{background:none;color:var(--accent);font-weight:600}.hero-metrics{display:flex;gap:26px;flex-wrap:wrap}.hero-metrics h3{margin:0;font-size:20px}.hero-metrics p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.hero-card{background:#0d0f1bd9;border-radius:24px;padding:26px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000059}.hero-card-header{display:flex;justify-content:space-between;align-items:center}.card-title{font-weight:600;margin:0}.pill{padding:4px 10px;background:#64d6ff33;color:#8fe6ff;border-radius:999px;font-size:11px;font-weight:600}.hero-card-body{margin-top:16px;display:grid;gap:16px}.mini-row{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:16px;background:#ffffff08}.mini-title{font-size:12px;color:var(--text-muted)}.mini-value{font-weight:600}.progress{display:grid;gap:8px}.progress-track{height:8px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{width:60%;height:100%;background:linear-gradient(90deg,#6d79ff,#64d6ff)}.full{width:100%}.section{padding:72px clamp(20px,6vw,88px)}.section.alt{background:#ffffff05}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.section-heading h2{margin:6px 0 0;font-size:clamp(1.7rem,3vw,2.3rem)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.test-card{background:linear-gradient(180deg,#06060af5,#0a0a10e6);padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.08);display:grid;gap:18px;min-height:210px;box-shadow:inset 0 0 0 1px #ffffff05}.test-card.clickable{cursor:pointer;transition:transform .2s ease,border-color .2s ease}.test-card.clickable:hover{transform:translateY(-3px);border-color:#5c86ff80}.test-header{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.test-icon{width:44px;height:44px;border-radius:14px;background:radial-gradient(circle at top,rgba(110,120,255,.35),transparent 60%),#1b1e34e6;display:grid;place-items:center;font-size:20px;color:#90a4ff;border:1px solid rgba(96,120,255,.4)}.test-card h3{margin:0;font-size:18px}.test-card p{margin:6px 0 0;color:var(--text-secondary);font-size:14px}.test-divider{height:1px;background:#ffffff0f}.test-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.test-level{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.level-dot{width:8px;height:8px;border-radius:50%;background:#8f9bff}.test-level.easy{color:#62f5a6}.test-level.easy .level-dot{background:#62f5a6}.test-level.medium{color:#f5c062}.test-level.medium .level-dot{background:#f5c062}.test-level.hard{color:#ff5e5e}.test-level.hard .level-dot{background:#ff5e5e}.share-pill{border:1px solid rgba(118,160,255,.5);background:transparent;color:#7fb0ff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.start-pill{margin-left:auto;border:none;background:linear-gradient(130deg,#5b7bff,#9c5bff);color:#fff;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:600}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.stack{display:grid;gap:16px}.mini-card{background:#121420b3;padding:16px 18px;border-radius:16px;display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.05)}.insight-card{background:linear-gradient(160deg,#6d79ff2e,#64d6ff1f);border-radius:22px;padding:26px;border:1px solid rgba(109,121,255,.2);display:grid;gap:16px}.ticks{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:var(--text-secondary)}.ticks li:before{content:"•";color:var(--accent);margin-right:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.stat-card{background:#121420cc;border-radius:18px;padding:18px;border:1px solid rgba(255,255,255,.06)}.stat-label{margin:0;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.stat-card h3{margin:10px 0 6px;font-size:20px}.stat-note{margin:0;color:var(--text-secondary);font-size:13px}.progress-panel{margin-top:26px;background:#64d6ff14;border-radius:20px;padding:20px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid rgba(100,214,255,.15);flex-wrap:wrap}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.plan-card{background:#121420e6;padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.08);display:grid;gap:18px}.plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:var(--text-secondary);font-size:14px}.plan-card li:before{content:"✓";color:var(--accent);margin-right:10px}.plan-card .price{font-size:32px;font-weight:600;margin:6px 0}.plan-card .price span{font-size:14px;color:var(--text-muted);margin-left:6px}.plan-card.featured{background:linear-gradient(160deg,#6d79ff4d,#00000080);border:1px solid rgba(109,121,255,.4);position:relative}.plan-tag{position:absolute;top:18px;right:18px;background:#ffffff26;color:#fff;font-size:11px;padding:6px 10px;border-radius:999px}.plan-note{color:var(--text-secondary);font-size:14px}.blog-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#1c1e2ce6,#0b0c14e6);border:1px solid rgba(255,255,255,.08)}.blog-visual{position:relative;min-height:220px;border-radius:20px;background:radial-gradient(circle at top,rgba(109,121,255,.5),transparent 60%),#0c0e18e6;display:grid;place-items:center;text-align:center;padding:20px}.blog-visual p{max-width:200px;font-weight:600}.orb{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(100,214,255,.7),transparent 70%);top:20px;right:30px}.orb.small{width:90px;height:90px;top:110px;left:24px}.cta{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#6d79ff2e;border-radius:24px;border:1px solid rgba(109,121,255,.25)}.footer{padding:40px clamp(20px,6vw,88px) 60px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06)}.footer-note{color:var(--text-muted);font-size:14px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:var(--text-muted);font-size:14px}.reaction{position:relative}.reaction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.reaction-pad{min-height:260px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#121420e6;color:var(--text-primary);display:grid;place-content:center;gap:10px;text-align:center;padding:24px;font-size:18px;font-weight:600}.reaction-pad.waiting{background:#ffffff0f;border-color:#ffffff2e}.reaction-pad.ready{background:#ff8c2838;border-color:#ff8c28b3;box-shadow:0 0 30px #ff8c2859}.reaction-pad.too-soon{background:#ff5e5e26;border-color:#ff5e5e99}.reaction-pad.result{background:#6d79ff2e;border-color:#6d79ff80}.reaction-title{font-size:22px}.reaction-subtitle{font-size:14px;color:var(--text-secondary);font-weight:500}.reaction-panel{background:#121420d9;border-radius:22px;padding:24px;border:1px solid rgba(255,255,255,.08);display:grid;gap:16px}.reaction-metrics{display:flex;gap:24px;flex-wrap:wrap}.history-list{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary)}.history-list span{background:#ffffff14;padding:6px 10px;border-radius:999px}.reaction-actions{display:flex;gap:12px;flex-wrap:wrap}.reaction-page{display:grid;place-items:center;padding:64px 0 20px}.reaction-page-card{max-width:520px;width:min(520px,100%);background:#121420e6;border-radius:24px;padding:28px;border:1px solid rgba(255,255,255,.1);display:grid;gap:16px}.reaction-page-card h1{margin:0}.reaction-page-card .card-footer{margin-top:8px}@media(max-width:720px){.nav{flex-direction:column;align-items:flex-start}.hero-actions{width:100%}.hero-actions button{flex:1 1 180px}.cta{flex-direction:column;align-items:flex-start}}