@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080d1a;--surface:#0f1628;--surface2:#151e35;--border:#ffffff14;--text:#f1f5f9;--muted:#64748b;--accent:#f59e0b;--accent2:#fbbf24;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#f59e0b0a 1px,#0000 1px),linear-gradient(90deg,#f59e0b0a 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s both fadeIn}.logo{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);font-size:22px;font-weight:800;text-decoration:none}.logo-accent{color:var(--accent)}.badge{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:99px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-family:var(--font-display);letter-spacing:-2.5px;max-width:820px;margin-bottom:24px;font-size:clamp(44px,7vw,80px);font-weight:800;line-height:1.02}.accent{color:var(--accent)}.hero-sub{color:var(--muted);max-width:540px;margin-bottom:44px;font-size:18px;line-height:1.7}.cta-btn{background:var(--accent);color:#0a0a0a;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.cta-btn:hover{background:var(--accent2)}.cta-btn:active{transform:scale(.98)}.back-btn{border:1px solid var(--border);color:var(--muted);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;transition:border-color .15s,color .15s}.back-btn:hover{color:var(--text);border-color:#fff3}.stats-row{justify-content:center;gap:48px;margin-top:64px;display:flex}.stat{text-align:center}.stat-num{font-family:var(--font-display);color:var(--text);font-size:32px;font-weight:800}.stat-label{color:var(--muted);margin-top:2px;font-size:13px}.quiz-title{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:10px;font-size:clamp(26px,4vw,40px);font-weight:700}.quiz-sub{color:var(--muted);margin-bottom:36px;font-size:16px}.prof-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.prof-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;font-family:var(--font-body);color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex}.prof-card:hover,.prof-card.hovered{background:var(--surface2);border-color:#f59e0b4d}.prof-card.selected{border-color:var(--accent);background:#f59e0b12}.prof-card:active{transform:scale(.97)}.prof-emoji{font-size:24px}.prof-label{text-align:center;font-size:13px;font-weight:500;line-height:1.3}.goal-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--text);border-radius:10px;align-items:center;gap:14px;width:100%;padding:16px 20px;font-size:15px;transition:border-color .15s,background .15s;display:flex}.goal-card:hover,.goal-card.hovered{background:var(--surface2);border-color:#f59e0b4d}.goal-card.selected{border-color:var(--accent);background:#f59e0b12}.goal-check{border:1.5px solid var(--border);width:22px;height:22px;color:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.goal-card.selected .goal-check{border-color:var(--accent);background:#f59e0b26}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:48px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:20px;transition:border-color .15s,transform .15s;display:flex}.tool-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.tool-cta{color:var(--accent);margin-top:auto;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-block}.tool-cta:hover{color:var(--accent2)}.share-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 32px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}