*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 15%,#24435e,#091522 55%,#050b13);color:#eaf4fd;font:16px system-ui,sans-serif;padding:18px}main{width:min(420px,100%);padding:28px;border:1px solid #4c7796;border-radius:18px;background:#091a2ddf;box-shadow:0 16px 50px #0008}.mark{letter-spacing:.2em;color:#d8ba78;font-weight:800}h1{font-size:1.6rem;margin:18px 0 6px}p{color:#a9c3d7;line-height:1.5}form{display:grid;gap:15px;margin-top:24px}label{display:grid;gap:6px;font-weight:650}input{width:100%;padding:12px;border:1px solid #688ba9;border-radius:9px;background:#0f2639;color:white;font:inherit}button{padding:12px;border:0;border-radius:9px;background:#dcb771;color:#152234;font:inherit;font-weight:800;cursor:pointer}#message{min-height:1.4em;color:#ff9faa}