*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#07131d;color:#e8f7ff;font:16px system-ui}main{width:min(90%,460px);padding:36px;border:1px solid #1c5165;border-radius:22px;background:#0c202d;box-shadow:0 0 80px #00caff12}h1{font-size:36px;letter-spacing:-1px}p,small{color:#a8c3d0;line-height:1.6}label{display:block;margin:20px 0}input,button{display:block;width:100%;padding:14px;margin-top:8px;border-radius:10px;border:1px solid #285367;background:#081923;color:#fff;font:inherit}button{background:#42d4e5;color:#00202c;font-weight:700;cursor:pointer}