@font-face{font-family:Titan One;src:url(/assets/titanone-latin-CPku0rjU.woff2)format("woff2");font-display:swap}@font-face{font-family:"Baloo 2";src:url(/assets/baloo2-latin-8NeBJN4T.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/nunito-latin-CjueodBP.woff2)format("woff2");font-weight:200 1000;font-display:swap}:root{--ink:#181425;--paper:#f6ecd9;--paper-line:#dfcca6;--paper-text:#3e2731;--muted:#8b9bb4;--cream:#f6ecd9;--yellow:#fee761;--gold:#feae34;--gold-deep:#f28a22;--rust:#be4a2f;--blue:#1aa0e0;--blue-deep:#0a7cc0;--green:#63c74d;--green-deep:#469a41;--display:"Baloo 2", "Arial Rounded MT Bold", "Arial Black", sans-serif;--body:"Nunito", "Arial Rounded MT Bold", Arial, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(ellipse 90% 55% at 50% -12%, #265c42 0%, transparent 70%), radial-gradient(ellipse 70% 40% at 50% 112%, #3e894855 0%, transparent 70%), var(--ink);color:var(--cream);font:600 17px / 1.5 var(--body);justify-content:center;padding:40px 16px 32px;display:flex}.logo{white-space:nowrap;background:linear-gradient(180deg, var(--yellow) 8%, var(--gold) 52%, var(--gold-deep) 92%);-webkit-text-fill-color:transparent;-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;filter:drop-shadow(0 .055em 0 var(--rust)) drop-shadow(0 .035em 0 var(--ink)) drop-shadow(0 .08em 0 #0b0a1280);-webkit-background-clip:text;background-clip:text;font:400 clamp(44px,11vw,100px)/1 Titan One,Arial Black,sans-serif;text-decoration:none}.tagline{font:800 15px / 1 var(--display);letter-spacing:.32em;text-transform:uppercase;text-align:center;margin:-4px 0 6px}.sheet{background:var(--paper);width:100%;color:var(--paper-text);border:4px solid var(--ink);border-radius:22px;padding:26px 26px 22px;box-shadow:0 8px #0b0a1299}.key{--face:var(--green);--deep:var(--green-deep);border:3px solid var(--ink);background:linear-gradient(180deg, var(--face) 0%, var(--face) 55%, var(--deep) 100%);min-height:78px;box-shadow:inset 0 3px 0 #ffffff59, inset 0 -4px 0 #0000002e, 0 5px 0 var(--ink);color:#fff;text-align:center;font:800 22px / 1.1 var(--display);text-shadow:0 2px #18142573;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px 14px 10px;text-decoration:none;transition:transform 60ms,box-shadow 60ms,filter .1s;display:flex}.key:hover{filter:brightness(1.07)}.key:active{box-shadow:inset 0 3px 0 #ffffff59, inset 0 -4px 0 #0000002e, 0 2px 0 var(--ink);transform:translateY(3px)}.key:focus-visible{outline:4px solid var(--gold);outline-offset:3px}footer{color:var(--muted);text-align:center;font-size:15px}footer a{color:var(--cream);font-weight:800}