*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbff;color:#23334c;font:18px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;background-image:linear-gradient(#dce8f244 1px,transparent 1px),linear-gradient(90deg,#dce8f244 1px,transparent 1px);background-size:28px 28px}a{color:#4e38a0}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button,.primary{min-height:48px;border-radius:13px;border:1px solid #d1cbe6;padding:12px 18px;background:#fff;color:#3c2f69;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.primary{background:#5d43ac;color:white;border-color:#5d43ac;box-shadow:0 5px 0 #382b6d22}.top{max-width:1120px;margin:auto;padding:20px 24px;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:.85rem}.top a{text-decoration:none}.top strong{letter-spacing:.08em}main{max-width:1080px;margin:auto;padding:0 24px 48px}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:center;padding:42px 12px}.kicker{font-size:.75rem;font-weight:850;letter-spacing:.13em;color:#6551a0}.hero h1{font-size:clamp(2.6rem,5.8vw,4.6rem);line-height:1.08;letter-spacing:-.04em;margin:20px 0}.lead{font-size:1.24rem;max-width:32ch}.small{font-size:.87rem;color:#56647a;max-width:70ch}figure{margin:0;text-align:center;background:radial-gradient(ellipse,#dce9ff 0%,#ebe4ff80 40%,transparent 68%);border-radius:50%}figure img{width:100%;height:340px;object-fit:contain;object-position:center bottom;display:block}figcaption{font-size:.85rem;color:#56647a;font-weight:600}.paper{background:#fff;border:1px solid #dce4ef;border-radius:22px;box-shadow:0 12px 38px #223e6b09;padding:32px 36px;margin:28px 0}.paper h2{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2;margin:12px 0 22px}.question{font-size:1.35rem;font-weight:750;background:linear-gradient(transparent 50%,#ffec9c 50%);width:fit-content}fieldset{border:0;margin:22px 0;padding:0}legend{font-size:.9rem;font-weight:650}fieldset label{display:flex;align-items:center;gap:13px;border:1px solid #d5dded;padding:16px;border-radius:12px;margin:12px 0;font-size:1.2rem;cursor:pointer}fieldset label:has(input:checked){background:#f0ebff;border-color:#8e74c7}input[type=radio]{width:22px;height:22px;accent-color:#7256b6}.actions{display:flex;gap:14px;flex-wrap:wrap}#feedback:not(:empty){padding:18px 22px;background:#fff5dc;border-radius:14px;margin:24px 0}#feedback[data-result=correct]{background:#e7f5ec}#feedback h3{margin:0 0 10px}#feedback p{margin:0}details{margin:24px 0 6px}summary{cursor:pointer;font-weight:700}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.levels a{border:1px solid #d3dcee;border-radius:16px;text-decoration:none;padding:20px;background:linear-gradient(125deg,#f0edff,#eef9ff);color:#3e326b}.levels strong,.levels span{display:block}.levels span{font-size:.85rem;margin-top:14px;color:#5e6579}.info{background:#f0f5ff}.info p{font-size:.95rem}footer{text-align:center;font-size:.85rem;padding:28px;color:#56647a}:focus-visible{outline:3px solid #7553bd;outline-offset:4px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px}.skip:focus{top:12px;z-index:5}@media(max-width:650px){body{font-size:17px}.top{padding:16px;flex-wrap:wrap}.top strong{font-size:.7rem}main{padding:0 16px 32px}.hero{grid-template-columns:1fr;gap:8px;padding:20px 0}.hero figure{display:none}.hero h1{font-size:2.7rem}.paper{padding:24px}.levels{grid-template-columns:1fr}.actions>*{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
