:root{
  --orange:#ff6a00;
  --orange-dark:#e45700;
  --orange-light:#fff1e6;
  --text:#1d1d1f;
  --muted:#60636c;
  --bg:#fffaf6;
  --card:#ffffff;
  --border:#ffe0c7;
  --shadow:0 18px 45px rgba(255,106,0,.14);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#fff);color:var(--text);}
a{color:inherit}.wrap{max-width:980px;margin:0 auto;padding:28px 18px 60px}.hero{background:radial-gradient(circle at top right,#ffb16b 0,#ff6a00 35%,#1f1f1f 100%);color:#fff;border-radius:28px;padding:44px 34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:36px solid rgba(255,255,255,.12);right:-80px;bottom:-90px}.eyebrow{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:9px 14px;border-radius:999px;font-size:14px;font-weight:700;letter-spacing:.2px}.hero h1{font-size:clamp(34px,6vw,62px);line-height:1;margin:18px 0 12px;max-width:760px}.hero p{font-size:19px;line-height:1.55;max-width:690px;margin:0 0 25px;color:#fff6ee}.btn{appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:white;text-decoration:none;font-weight:800;border-radius:999px;padding:15px 24px;box-shadow:0 12px 25px rgba(255,106,0,.28);cursor:pointer;font-size:16px;transition:.15s}.btn:hover{background:var(--orange-dark);transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--orange);box-shadow:none;border:2px solid var(--orange)}.btn.black{background:#1f1f1f}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:16px;font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px;margin-top:24px;box-shadow:var(--shadow)}.quiz-card{display:none}.quiz-card.active{display:block}.progress{height:12px;background:#ffe2c9;border-radius:20px;overflow:hidden;margin:18px 0}.bar{height:100%;width:0;background:linear-gradient(90deg,var(--orange),#ff9a3d);border-radius:20px;transition:.3s}.q-top{color:var(--orange);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.08em}.question{font-size:30px;line-height:1.15;margin:8px 0 18px}.options{display:grid;gap:12px}.option{width:100%;text-align:left;background:#fff;border:2px solid #ffe0c7;border-radius:18px;padding:17px 18px;font-size:17px;cursor:pointer;transition:.12s}.option:hover,.option.selected{border-color:var(--orange);background:var(--orange-light);transform:translateY(-1px)}.nav{display:flex;gap:12px;justify-content:space-between;margin-top:22px;align-items:center}.muted{color:var(--muted)}.result-hero{background:linear-gradient(135deg,#ff6a00,#ff9a3d);color:#fff;border-radius:28px;padding:38px 32px;box-shadow:var(--shadow)}.result-hero h1{font-size:clamp(32px,5vw,54px);margin:8px 0}.badge{display:inline-flex;background:#fff;color:var(--orange);border-radius:999px;padding:9px 14px;font-weight:900}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.list{padding-left:20px;line-height:1.85}.cta-box{background:var(--orange-light);border:2px solid #ffd1ad;border-radius:24px;padding:24px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.footer{text-align:center;color:var(--muted);font-size:14px;margin-top:35px}.course-chip{display:inline-block;background:var(--orange-light);border:1px solid #ffd1ad;color:var(--orange-dark);border-radius:999px;padding:8px 12px;font-weight:800;margin:5px 5px 0 0}.hidden{display:none!important}@media(max-width:760px){.hero{padding:34px 24px}.grid,.two{grid-template-columns:1fr}.question{font-size:24px}.nav{flex-direction:column;align-items:stretch}.btn{width:100%}.wrap{padding:18px 14px 45px}}