*{box-sizing:border-box}html{font-size:18px}body{margin:0;background:#071722;color:#eafdff;font-family:system-ui;line-height:1.5}main{width:min(100%,620px);margin:auto;min-height:100svh;padding:24px;display:flex;flex-direction:column;gap:20px;background:linear-gradient(145deg,#0a354b55,transparent)}header{display:flex;gap:12px;align-items:center;font-weight:650;color:#63ddff}header svg{width:30px;height:30px}article{margin:auto 0}h1{font-size:1.65rem;line-height:1.2;margin:0 0 24px}p{margin:14px 0}a{color:#79e3ff;text-underline-offset:4px}nav{display:flex;align-items:center;gap:14px;justify-content:space-between}button{font:inherit;background:#103c50;border:1px solid #63ddff;border-radius:14px;padding:12px 17px;color:#eafdff;cursor:pointer;min-height:48px}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ffcc70;outline-offset:4px}footer{font-size:.85rem;color:#bddce9}article[hidden]{display:none}small{font-size:.85rem}@media(max-width:380px){main{padding:20px}h1{font-size:1.45rem}}