:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101a38;background:#f8f7ff;font-synthesis:none;--ink:#101a38;--purple:#6938ef;--pink:#ed3e83;--orange:#ff7a22;--blue:#1778f2;--line:#d9d8e8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 4%,#ffe4c7 0,transparent 28%),radial-gradient(circle at 5% 12%,#e9e2ff 0,transparent 24%),#fbfaff}button,input,textarea{font:inherit}button{min-height:48px;border:0;border-radius:999px;padding:.78rem 1.2rem;background:linear-gradient(120deg,var(--purple),#a52bd7);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 8px 24px #6938ef22}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4521a8;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}header{min-height:76px;display:flex;align-items:center;gap:.8rem;max-width:1180px;margin:auto;padding:12px 24px;font-weight:800}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:conic-gradient(from 220deg,var(--purple),var(--blue),#14b8a6,var(--orange),var(--pink),var(--purple));color:#fff;transform:rotate(-7deg);box-shadow:0 8px 24px #6938ef33}.quiet{margin-left:auto;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.testbanner{padding:.55rem 24px;text-align:center;background:#111a36;color:#fff;font-size:.82rem;font-weight:700}.progress{height:6px;background:#e8e6f2}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));transition:width .35s ease}.screen{max-width:1000px;margin:clamp(38px,6vw,76px) auto;padding:0 24px 80px;animation:enter .35s ease both;overflow-wrap:anywhere}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:900;color:var(--purple)}.screen h1{font-size:clamp(2.8rem,8vw,6.5rem);line-height:.9;letter-spacing:-.06em;max-width:820px;margin:.18em 0;background:linear-gradient(115deg,var(--ink) 0 45%,var(--purple) 62%,var(--pink) 78%,#4521a8);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.12rem,2.4vw,1.5rem);line-height:1.5;max-width:700px;color:#45506b;margin-bottom:2rem}.cards,.taggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.cards article,.tag,aside{background:#fff;border:1px solid #e3e1ee;border-radius:26px;padding:24px;box-shadow:0 16px 40px #20204a0d}.cards article:nth-child(1){background:linear-gradient(145deg,#f0e9ff,#fff)}.cards article:nth-child(2){background:linear-gradient(145deg,#e4f8f5,#fff)}.cards article:nth-child(3){background:linear-gradient(145deg,#fff0e3,#fff)}.cards strong{font-size:1.45rem}.taggrid{grid-template-columns:repeat(2,1fr)}.tag span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--purple);font-weight:800}.tag h2{font-size:2rem}.tag blockquote{margin:1rem 0;padding-left:1rem;border-left:4px solid #bfa8ff}label,fieldset{display:block;border:0;padding:0;margin:1.4rem 0;font-weight:750}input[type=text],input:not([type]),textarea{display:block;width:100%;margin-top:.5rem;padding:15px;border:1px solid #bbb9ca;border-radius:16px;background:#fff}textarea{min-height:110px;resize:vertical}legend{font-weight:750;margin-bottom:.6rem}.choice,.selected{margin:0 .5rem .5rem 0;background:#fff;color:var(--ink);border:1px solid #bbb9ca;box-shadow:none}.choice:hover{border-color:var(--purple);transform:translateY(-1px)}.selected{background:#eee8ff;border:2px solid var(--purple);color:#4521a8}aside{margin:1.5rem 0;line-height:1.5;border-left:5px solid var(--pink)}.note{max-width:680px;color:#626b80;line-height:1.5}.nav{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}.screen h1:focus{outline:none}.screen h1:focus-visible{outline:3px solid #4521a8;outline-offset:6px}input[type=range]{display:block;width:min(100%,420px);margin-top:.75rem;accent-color:var(--purple)}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:650px){header>span:nth-child(2){display:none}.cards,.taggrid{grid-template-columns:1fr}.screen h1{font-size:clamp(3rem,15vw,5rem)}.screen{margin-top:34px}.testbanner{font-size:.75rem}.quiet{padding:.6rem .8rem}}@media(max-width:340px){header{padding:10px 12px}.screen,.testbanner{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html.reduced *,html.reduced *:before,html.reduced *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}