*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:#10101a;color:#f6f3ff;font:17px system-ui,sans-serif;padding:24px}main{width:min(100%,480px);background:#1c1a2b;border:1px solid #393049;border-radius:24px;padding:32px}.logo{color:#bb99ff;font-weight:900;letter-spacing:2px}h1{font-size:30px;line-height:1.15}p{line-height:1.5;color:#bdb8d0}a{display:block;background:#b69aff;color:#171020;text-decoration:none;text-align:center;padding:17px;border-radius:14px;font-weight:800}a[hidden]{display:none}#hint,#code{font-size:14px}