:root{font-family:Arial,Helvetica,sans-serif;color:#f7f2e7;background:#101f32;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:30px 20px;background:radial-gradient(ellipse at 75% 20%,#294e5b66,transparent 55%)}main{max-width:440px;width:100%;padding:32px;border:1px solid #e5bc7140;border-radius:18px;background:#192e40;box-shadow:0 20px 70px #0003}.star{font-size:54px;color:#e5bc71;line-height:1}.eyebrow{font-size:9px;letter-spacing:2px;color:#e5bc71;margin:20px 0}h1{font:normal 40px/1.14 Georgia,serif;letter-spacing:-1px;margin:20px 0}p{line-height:1.7;color:#bac9d0;font-size:15px}form{margin-top:26px;display:grid;gap:12px}label{font-size:14px}input{width:100%;font:inherit;font-size:18px;min-height:52px;padding:12px;border:1px solid #78919e;border-radius:7px;background:#102437;color:#fff}input:focus,button:focus-visible{outline:3px solid #f3d29a;outline-offset:4px}button{border:0;border-radius:7px;padding:15px;font:700 15px Arial,sans-serif;background:#e5bc71;color:#172537;min-height:52px;cursor:pointer}button:hover{background:#f3d29a}.message{color:#ffd6aa;font-size:14px}.message:empty{display:none}.note{font-size:12px;color:#96aab7;margin-top:26px}@media(max-width:420px){main{padding:25px}h1{font-size:35px}}
