body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f5f7fa;color:#202b38;font:16px system-ui}main{width:min(320px,calc(100% - 64px));padding:32px;background:white;border:1px solid #dfe6ed;border-radius:14px}p{font-size:11px;letter-spacing:1.5px}h1{font-size:30px;margin:20px 0 30px}a{display:block;padding:16px;background:#243e53;color:white;text-align:center;text-decoration:none;border-radius:6px}a:focus-visible{outline:3px solid #598caf;outline-offset:4px}