:root{color:#eaf2fb;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{background:radial-gradient(circle at 18% 18%,#173f75 0,#0000 34%),radial-gradient(circle at 82% 82%,#075f50 0,#0000 30%),#07111f;place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#0a1829e6;border:1px solid #31465e;border-radius:22px;width:min(720px,100%);padding:clamp(28px,6vw,52px);box-shadow:0 28px 80px #00000061}.badge{color:#63e6be;background:#12b88622;border-radius:999px;padding:7px 12px;font-weight:750;display:inline-block}h1{margin:20px 0 12px;font-size:clamp(2.1rem,7vw,4rem);line-height:1}p{color:#b8c7d9;line-height:1.65}code{color:#91a7ff}nav{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}a,button{color:#eaf2fb;font:inherit;cursor:pointer;background:#14283f;border:1px solid #3c5674;border-radius:10px;padding:11px 15px;font-weight:700;text-decoration:none}a:hover,button:hover{background:#1d3a5b}.success,.hint,.api{background:#ffffff0a;border-radius:12px;margin-top:20px;padding:16px}.success{border-left:4px solid #20c997;line-height:1.6}.api{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.api button{color:#06251d;background:#20c997;border:0}.api span{color:#b8c7d9}