*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#294fce55,transparent 55%),#0c1429;color:#f5f3ed;font:18px/1.6 Arial,Helvetica,sans-serif}main{max-width:1060px;margin:auto;padding:65px 28px 40px;position:relative}.kicker{font-size:12px;letter-spacing:.19em;color:#ffbd7b;font-weight:700}h1{font:clamp(42px,6.3vw,86px)/1.06 Georgia,serif;letter-spacing:-.045em;max-width:850px;margin:50px 0 28px}em{font-style:normal;color:#ffae61}.lead{color:#d3dcef;max-width:700px;font-size:20px}.orbit{position:absolute;right:35px;top:75px;width:145px;height:145px;opacity:.8}.orbit i{position:absolute;inset:0;border:1px solid #6b88f0;border-radius:50%}.orbit i:nth-child(2){inset:18px;border-color:#ffae61}.orbit i:nth-child(3){inset:38px}.orbit span{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:#ffae61}.console{border-top:1px solid #5c729e;margin-top:42px;padding-top:24px;max-width:650px}.glyphs{font:clamp(22px,4vw,44px)/1.5 Consolas,monospace;letter-spacing:.12em;color:#f5f3ed;min-height:66px}.explain{font-size:14px;color:#c5cfe5}button{font:inherit;background:transparent;color:#ffe0be;border:1px solid #b98251;padding:10px 18px;min-height:46px;border-radius:3px;cursor:pointer}a{color:#ffe0be;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #ffe077;outline-offset:5px}footer{max-width:1060px;margin:20px auto 0;padding:25px 28px;border-top:1px solid #5c729e;display:flex;gap:25px;justify-content:space-between;font-size:14px;color:#c5cfe5}nav{display:flex;gap:24px}@media(max-width:650px){main{padding:35px 22px 20px}.orbit{position:relative;top:auto;right:auto;width:95px;height:95px;margin:28px 0}h1{margin:25px 0;font-size:clamp(38px,10.5vw,60px)}.lead{font-size:18px}.glyphs{letter-spacing:.025em;font-size:24px;min-height:48px}footer{margin:10px 22px;padding:22px 0;display:block}nav{margin-top:16px}.kicker{letter-spacing:.1em;font-size:11px}}