:root{--paper:#f6f3ee;--sheet:#fffdfa;--rule:#e4ddd3;--rule-strong:#cfc5b8;--ink:#1e1a2b;--body:#3b3546;--muted:#675f72;--blue:#4338a8;--blue-dark:#33298a;--blue-soft:#ecebfa;--green:#1d7a4a;--green-text:#16603a;--green-soft:#ddf1e4;--red:#b3261e;--red-text:#9e2018;--red-soft:#fbe6e3;--amber:#c9851a;--amber-light:#f2c46d;--amber-text:#7a4806;--amber-soft:#fbefd8;--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--sans:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}*{box-sizing:border-box}body,html{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:var(--blue)}a:hover{color:var(--blue-dark)}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.1;text-wrap:balance}h1,h2{font-weight:800}h2{font-size:36px}h3{font-weight:600;font-size:19px}p{margin:0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.wrap{max-width:1160px;margin:0 auto;padding-inline:24px}.row{flex-wrap:wrap;gap:20px}.row,.stack{display:flex}.stack{flex-direction:column;gap:14px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.eyebrow,.muted{color:var(--muted)}.small{font-size:14px}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;border-radius:12px;border:0;font:600 15px var(--sans);text-decoration:none;cursor:pointer;background:var(--blue);color:#fff}.btn:hover{background:var(--blue-dark);color:#fff}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--rule-strong)}.btn.gold{background:var(--amber-light);color:var(--ink)}.btn.gold:hover{background:#e8b14e;color:var(--ink)}.btn.ghost.light{color:#fff;border-color:hsla(0,0%,100%,.35)}.btn.ghost.light:hover{background:hsla(0,0%,100%,.08);color:#fff}.hero{background:radial-gradient(1200px 500px at 85% -10%,#3a2f7a 0,transparent 60%),var(--ink);color:#fff}.hero .card{box-shadow:0 24px 60px rgba(0,0,0,.35)}.btn.ghost:hover{background:var(--sheet);color:var(--ink)}.btn.danger{background:var(--red)}.btn.small{min-height:36px;padding:8px 14px;font-size:14px;border-radius:10px}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--sheet);border:1px solid var(--rule);border-radius:16px;padding:20px}.pill{display:inline-block;font-family:var(--mono);font-size:12px;padding:3px 8px;border-radius:6px;background:var(--paper);color:var(--muted)}.pill.hot{background:var(--red-soft);color:var(--red-text)}.pill.mid{background:var(--amber-soft);color:var(--amber-text)}.pill.ok{background:var(--green-soft);color:var(--green-text)}.pill.info{background:var(--blue-soft);color:var(--blue)}.notice{padding:14px 16px;border-radius:12px;font-size:14px}.notice.warn{background:var(--amber-soft);color:var(--amber-text)}.notice.ok{background:var(--green-soft);color:var(--green-text)}.notice.err{background:var(--red-soft);color:var(--red-text)}label.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font:400 16px var(--sans);color:var(--ink);background:#fff;border:1px solid var(--rule-strong);border-radius:10px;padding:11px 12px;min-height:44px;width:100%}textarea{min-height:90px;resize:vertical}.bar{height:8px;background:var(--rule);overflow:hidden}.bar,.bar>span{border-radius:6px}.bar>span{display:block;height:100%;background:var(--blue)}table.grid{border-collapse:collapse;width:100%;font-size:14px}table.grid td,table.grid th{text-align:left;padding:10px;border-bottom:1px solid var(--rule);vertical-align:top}table.grid th{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500}.scroll{overflow-x:auto}.site-head{background:var(--sheet);border-bottom:1px solid var(--rule)}.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}.logo{font-family:var(--display);font-weight:800;font-size:23px;text-decoration:none}.logo,.logo:hover{color:var(--ink)}.logo:not(:has(.pill)):after{content:".";color:var(--amber)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:15px;font-weight:500}.nav a:not(.btn){color:var(--ink);text-decoration:none}.site-foot{border-top:1px solid var(--rule);margin-top:48px}.site-foot .wrap{justify-content:space-between;gap:16px;padding-block:28px 40px;font-size:14px;color:var(--muted)}.shell,.site-foot .wrap{display:flex;flex-wrap:wrap}.shell{gap:28px;align-items:flex-start;padding-block:28px 48px}.side{flex:1 1 200px;max-width:240px;display:flex;flex-direction:column;gap:4px}.side a{padding:11px 14px;border-radius:10px;color:var(--body);text-decoration:none}.side a.on{background:var(--sheet);border:1px solid var(--rule);color:var(--ink);font-weight:600}.main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:22px}@media (max-width:760px){.shell{gap:16px;padding-block:16px 40px}.side{max-width:none;flex:1 1 100%;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-inline:-24px;padding-inline:24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.side::-webkit-scrollbar{display:none}.side a{padding:8px 12px;white-space:nowrap;flex:0 0 auto}}@media (max-width:600px){.side,.wrap{padding-inline:16px}.side{margin-inline:-16px}.site-head .wrap{gap:10px;padding-block:12px}.nav{gap:6px 16px;font-size:14px}.nav .btn{padding:9px 14px}}.q{font-family:var(--display);font-weight:600;font-size:18px;line-height:1.3}.opts{flex-direction:column;gap:8px}.opt,.opts{display:flex}.opt{text-align:left;min-height:44px;border-radius:12px;padding:11px 13px;font:500 15px var(--sans);color:var(--ink);gap:10px;border:1px solid var(--rule);background:var(--sheet);cursor:pointer;width:100%}.opt:hover:not(:disabled){border-color:var(--blue)}.opt:disabled{cursor:default}.opt b{font-family:var(--mono);color:var(--muted)}.opt.right{border-color:var(--green);background:var(--green-soft)}.opt.right b{color:var(--green)}.opt.wrong{border-color:var(--red);background:var(--red-soft)}.opt.wrong b{color:var(--red)}.why{background:var(--paper);border-radius:12px;padding:12px 14px;font-size:14.5px;display:flex;flex-direction:column;gap:4px}.verdict{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase}