:root{color-scheme:dark;font:16px system-ui;background:#0a1016;color:#e7edf3}body{min-height:95vh;margin:0;display:grid;place-items:center}main{box-sizing:border-box;width:min(440px,92vw);padding:36px;border:1px solid #2e414d;border-radius:14px;background:#101b24}h1{font-size:32px;margin:12px 0}p,small{color:#9faebc;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;color:#a5dc69}label{display:block;margin:20px 0 8px}input,button{box-sizing:border-box;width:100%;padding:13px;border-radius:7px;border:1px solid #40515d;background:#0a121a;color:inherit;font:inherit}input{margin-top:8px}input:focus{outline:2px solid #a5dc69}button{margin-top:14px;background:#a5dc69;color:#15200c;font-weight:700;cursor:pointer}button:disabled{opacity:.6}small{display:block;font-size:12px}#result{min-height:25px}