*{box-sizing:border-box}body{margin:0;min-height:100vh;font:16px system-ui,sans-serif;color:#e9f7ff;background:radial-gradient(ellipse at 15% 20%,#12588a,#092c50 55%,#071528)}main{max-width:540px;margin:7vh auto;padding:30px;background:#103957e8;border:1px solid #60d8ff80;border-radius:20px;box-shadow:0 0 30px #0fd5ff15}header{display:flex;align-items:center;gap:14px}header img{width:64px;height:64px;object-fit:contain}h1{font-size:30px}h2{font-size:22px}p{line-height:1.6}a{color:#78e6ff}label{display:block;margin-bottom:8px}input{width:100%;padding:13px;border:1px solid #7ad9ef;border-radius:9px;background:#071f38;color:white;font:inherit}button,.button{display:block;text-align:center;margin:15px 0;padding:13px;border:1px solid #70ebff;border-radius:9px;background:linear-gradient(#1489b8,#096993);color:white;text-decoration:none;font:inherit;cursor:pointer;width:100%}small{display:block;line-height:1.5;color:#b6d1e4}.divider{text-align:center;color:#aecbde;margin:24px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){main{margin:24px 12px;padding:22px}}