*{box-sizing:border-box}body{margin:0;min-height:100svh;padding:24px 16px;display:grid;place-items:center;background:#101b2c;color:#eaf2fb;font:16px/1.55 system-ui,sans-serif}main{width:min(100%,480px);padding:28px;border:1px solid #314055;border-radius:22px;background:#192639;box-shadow:0 20px 70px #0004}header{display:flex;align-items:center;gap:16px;margin-bottom:28px}header img{width:82px;height:82px;object-fit:contain;background:#fff;border-radius:12px}header p{margin:3px 0 0;color:#acbdd2;font-size:14px}.brand{font-size:19px;font-weight:750}.brand strong{color:#17c99b}h1{font-size:25px;line-height:1.25;margin:0 0 12px}p{margin:12px 0}#widget{min-height:75px;margin:24px 0 10px}#status{color:#85e1c7}button{min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid #55718d;background:#253954;color:#fff;font:inherit;cursor:pointer}.hint{font-size:13px;color:#aebed3}a{color:#85e1c7}a:focus-visible,button:focus-visible{outline:3px solid #85e1c7;outline-offset:3px}[hidden]{display:none}@media(max-width:360px){main{padding:18px}.brand{font-size:17px}header img{width:65px;height:65px}}