:root{color-scheme:dark;--red:#df2028;--yellow:#ffc400;--cream:#f7f0dc;--ink:#10100f;--card:#1b1a17;--line:#4d493e}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0e0d0c;color:var(--cream)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 15%,#402715 0,transparent 32%),linear-gradient(135deg,#151412,#090909)}main{max-width:1040px;margin:auto;padding:64px 24px}.brand{display:inline-flex;gap:9px;margin-bottom:32px}.brand i{display:block;width:42px;height:9px;transform:skew(-12deg)}.brand i:nth-child(1){background:var(--red)}.brand i:nth-child(2){background:#fff}.brand i:nth-child(3){background:var(--yellow)}h1,h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.025em;margin:.1em 0}h1{font-size:clamp(3.8rem,11vw,8rem);line-height:.82}h1 span,h2 span{color:var(--yellow)}.lead{max-width:650px;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0}.button{display:inline-block;border:0;cursor:pointer;padding:15px 21px;border-radius:7px;background:var(--yellow);color:#16130b;font-weight:900;text-decoration:none;text-transform:uppercase}.button.red{background:var(--red);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:56px 0}.card{background:rgba(27,26,23,.92);border:1px solid var(--line);border-radius:16px;padding:24px}.card h2{font-size:1.45rem}.small{color:#bbb5a8;font-size:.92rem;line-height:1.6}.frog{font-size:5.5rem;filter:drop-shadow(0 10px 18px #000);float:right;margin:-30px 0 0 24px}.metric{font-size:3rem;color:var(--yellow)}.admin-item{margin:12px 0}.admin-item textarea{display:block;width:100%;min-height:120px;margin:8px 0 12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0f0f0e;color:#fff}button:focus,a:focus,textarea:focus{outline:3px solid var(--yellow);outline-offset:3px}footer{border-top:1px solid var(--line);padding-top:24px;margin-top:60px;color:#aaa296}footer a{color:var(--cream)}@media(max-width:520px){main{padding-top:36px}.frog{float:none;display:block;margin:10px 0}h1{font-size:3.6rem}}
