*{box-sizing:border-box}body{margin:0;background:#dcdcd6;color:#111;font:16px/1.4 'Space Grotesk',system-ui,sans-serif}
.shell{display:flex;gap:32px;padding:32px;max-width:1500px;margin:0 auto}
aside{width:232px;flex:none}main{flex:1;min-width:0;display:flex;flex-direction:column;gap:28px}
.disp{font-family:'Archivo Black',Impact,sans-serif;letter-spacing:-.02em;margin:0;line-height:.95}
.neo{background:#dcdcd6;border-radius:22px;box-shadow:10px 10px 22px #b3b3ad,-10px -10px 22px #f7f7f2;padding:24px}
.inset{background:#d3d3cd;border-radius:14px;box-shadow:inset 5px 5px 10px #b3b3ad,inset -5px -5px 10px #f2f2ed;padding:14px 16px}
.brut{border:4px solid #111;box-shadow:10px 10px 0 #111;padding:24px;background:#fff}
.chip{display:inline-block;border:3px solid #111;padding:3px 10px;font-weight:700;font-size:13px;background:#fff}
.btn{font:inherit;font-family:'Archivo Black',Impact,sans-serif;border:4px solid #111;background:#ff2e88;color:#111;font-size:16px;padding:12px 18px;box-shadow:5px 5px 0 #111;cursor:pointer}
.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #111}.btn.y{background:#ffd400}.btn.k{background:#111;color:#ffd400}.btn.s{font-size:13px;padding:7px 11px;box-shadow:3px 3px 0 #111}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #2b3bff;outline-offset:3px}
.nav{display:block;padding:13px 16px;border-radius:14px;font-weight:700;color:#111;text-decoration:none;margin-bottom:12px;box-shadow:5px 5px 10px #b3b3ad,-5px -5px 10px #f7f7f2}
.nav.on{background:#ffd400;border:3px solid #111;box-shadow:5px 5px 0 #111}
.logo{background:#111;color:#ffd400;border:4px solid #111;box-shadow:8px 8px 0 #ff2e88;padding:18px;margin-bottom:34px}
.lbl{font-size:14px;font-weight:700;color:#3b3b38}.num{font-family:'Archivo Black',Impact,sans-serif;font-size:48px;line-height:1}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
input,select,textarea{font:inherit;width:100%;padding:12px 14px;border:4px solid #111;background:#fff;color:#111}textarea{resize:vertical}
label{display:block;font-weight:700;font-size:14px;margin:12px 0 4px}
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:13px;padding:8px;border-bottom:4px solid #111}td{padding:10px 8px;border-bottom:2px solid #111;vertical-align:middle}
.gif{width:100%;max-height:220px;object-fit:cover;border:4px solid #111;display:block}
.banner{background:#ff2e88;border:4px solid #111;box-shadow:6px 6px 0 #111;padding:12px 18px;font-weight:700;display:none}
.toast{position:fixed;right:24px;bottom:24px;background:#111;color:#ffd400;padding:14px 20px;border:4px solid #ffd400;font-weight:700;z-index:9}
@media(max-width:1000px){.shell{flex-direction:column;padding:16px}aside{width:auto}.g4{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}}