:root{font-family:system-ui,sans-serif;color:#20352d;background:#f5f8f5;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,460px)}.mark{font-size:42px;background:#20352d;color:#a6dfca;border-radius:24px;width:76px;height:76px;display:grid;place-items:center;margin-bottom:42px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;color:#627b6d}h1{font-size:clamp(28px,6vw,38px);letter-spacing:-1.3px;margin:14px 0}p{line-height:1.65;color:#62766c}form{margin-top:36px}label{display:block;font-size:14px;margin-bottom:10px}input{width:100%;padding:17px;border:1px solid #c4d2c8;border-radius:12px;background:white;font:inherit}input:focus{outline:3px solid #b8dfce}button{display:flex;justify-content:space-between;width:100%;padding:18px 20px;margin-top:16px;border:0;border-radius:12px;background:#84cdb1;color:#17362a;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6}#error{color:#9b302f;font-size:14px}footer{margin-top:40px;font-size:12px;line-height:1.8;color:#75877c}@media(prefers-color-scheme:dark){:root{background:#13231c;color:#e1f1e7;color-scheme:dark}input{background:#20352d;color:#e1f1e7;border-color:#435e50}p,.eyebrow,footer{color:#a6baad}}