@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@600;700&display=swap');
.study-links{display:grid;gap:6px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.study-links strong{font-size:.82rem}.study-links a{color:var(--coral);font-weight:700;font-size:.85rem;text-underline-offset:3px}.branch-question{padding:14px;background:var(--soft);border:1px solid var(--line);margin:0}@media print{.back,.intro,.result-actions{display:none}.wrap{padding:0}.result{box-shadow:none;border:0;margin:0}.career-grid{grid-template-columns:1fr 1fr}}
:root{--ink:#172947;--coral:#d25948;--yellow:#f2b84b;--green:#c5dfd0;--paper:#fff;--bg:#e5ebf4;--line:#bac6d8;--soft:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 90% 5%,#f8dca7 0,transparent 23%),var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}.wrap{max-width:920px;margin:auto;padding:38px 22px 80px}.back{color:var(--coral);text-decoration:none;font-weight:700}.intro{padding:65px 0 35px}.tag,legend small{display:block;color:var(--coral);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.intro h1{font:700 clamp(3.5rem,10vw,7rem)/.86 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:15px 0 25px;max-width:800px}.intro h1 span{color:var(--coral)}.intro>p:not(.tag){font-size:1.2rem;max-width:650px}.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.meta span{background:rgba(255,255,255,.65);border:1px solid var(--line);padding:8px 12px;border-radius:99px;font-size:.85rem;font-weight:700}.panel,.result{background:var(--paper);padding:clamp(22px,5vw,48px);border:2px solid var(--ink);box-shadow:12px 12px 0 var(--ink)}.progress-head{display:flex;justify-content:space-between;font-weight:700;font-size:.88rem}.progress{height:9px;background:#dfe6ef;margin:10px 0 38px;overflow:hidden}.progress div{width:20%;height:100%;background:var(--coral);transition:.3s}.step{display:none;border:0;padding:0;margin:0}.step.active{display:block;animation:enter .35s ease}@keyframes enter{from{opacity:0;transform:translateX(10px)}}legend{font:700 clamp(1.8rem,5vw,3rem)/1.05 'Space Grotesk';margin-bottom:10px}.hint{color:#5e6e84;margin:0 0 24px}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 28px}.hobbies{grid-template-columns:repeat(2,1fr)}.options input{position:absolute;opacity:0}.options span{display:flex;align-items:center;min-height:58px;padding:12px 14px;border:2px solid var(--line);background:var(--soft);font-weight:700;cursor:pointer;transition:.15s}.options input:focus-visible+span{outline:3px solid var(--yellow)}.options input:checked+span{border-color:var(--ink);background:var(--green);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.questions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.question{display:grid;gap:8px;margin-top:18px}.question label{font-weight:700}.question select,.question input[type=range]{width:100%}select,button{font:inherit;padding:13px;border:2px solid var(--ink);background:white;color:var(--ink)}select:focus{outline:3px solid rgba(210,89,72,.25)}.range-labels{display:flex;justify-content:space-between;color:#64738a;font-size:.82rem}.range-labels output{background:var(--ink);color:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-weight:700}input[type=range]{accent-color:var(--coral)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}button{background:var(--yellow);font-weight:700;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:.15s}button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}button.secondary{background:white;margin-right:auto}.error{color:#a22e25;font-weight:700;min-height:24px;margin:15px 0 0}.result{margin-top:45px}.result-head{border-bottom:2px solid var(--ink);padding-bottom:24px;margin-bottom:25px}.result h2{font:700 clamp(2.2rem,7vw,4.5rem)/.95 'Space Grotesk';letter-spacing:-.05em;margin:6px 0 15px}.result h3{font:700 1.45rem 'Space Grotesk';margin:0 0 8px}.areas{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.pill{padding:7px 11px;background:var(--green);border:1px solid var(--ink);font-weight:700;font-size:.83rem}.career-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.career{border:2px solid var(--ink);padding:20px;background:var(--soft)}.career:first-child{background:#f8dfae}.career-rank{color:var(--coral);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.match{font-weight:700;color:var(--coral)}.career ul{padding-left:18px;margin-bottom:0}.notice{margin-top:22px;padding:16px;border-left:5px solid var(--coral);background:#f6e7e4}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}@media(max-width:720px){.options,.hobbies,.questions,.career-grid{grid-template-columns:1fr}.intro{padding-top:45px}.panel,.result{box-shadow:7px 7px 0 var(--ink)}.form-actions{flex-wrap:wrap}.form-actions button{flex:1}.form-actions .secondary{margin-right:0}.meta{align-items:flex-start;flex-direction:column}}