*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 75% 10%,#173c39 0,transparent 50%),#101817;color:#eef4ee;font-family:system-ui,'Malgun Gothic',sans-serif}main{width:min(460px,100%);padding:48px 28px}.moon{font-size:64px;color:#b7d9aa}.eyebrow{letter-spacing:.22em;font-size:11px;color:#a9c3b8;margin:32px 0 18px}h1{font-size:36px;font-weight:550;line-height:1.5;letter-spacing:-.06em}p{color:#a9b8af;font-size:14px;line-height:1.8}form{margin:36px 0}label{display:block;font-size:13px;margin-bottom:10px}input{width:100%;padding:16px;background:#1c2925;border:1px solid #415149;border-radius:12px;font:inherit;color:#fff}button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:12px;padding:18px;background:#bedda5;color:#14221b;font:600 15px system-ui;cursor:pointer;margin-top:14px}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #d9f6c7;outline-offset:3px}small{color:#81968a;font-size:12px}#status{min-height:25px;color:#f5c3b4}