:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;color:#edf4f2;background:#101615}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;
  background:radial-gradient(ellipse at 50% 5%,#1b302a,transparent 58%)}
main{width:min(100%,455px);background:#141d1b;border:1px solid #2d3b37;border-radius:23px;
  padding:clamp(24px,6vw,45px);box-shadow:0 22px 65px #080b0b80}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:680;letter-spacing:-.02em;margin-bottom:36px}
.brand span{display:grid;place-items:center;width:35px;height:35px;background:#83e1b9;color:#142b23;border-radius:10px;font-size:23px}
.label{color:#9bd5bd;font-size:11px;font-weight:700;letter-spacing:.14em}
h1{font-size:clamp(24px,7vw,36px);line-height:1.13;letter-spacing:-.035em;margin:10px 0 12px}
p{color:#adbfba;margin:0 0 28px}
label{display:block;font-weight:620;font-size:14px;margin-bottom:7px}
input,button{font:inherit;width:100%;border-radius:10px;min-height:47px}
input{padding:8px 12px;color:inherit;background:#101815;border:1px solid #41524c}
button{cursor:pointer;margin-top:13px;border:0;background:#90e8c1;color:#132920;font-weight:750}
button:hover{background:#b0f4d8}
button:disabled{cursor:wait;opacity:.72}
input:focus-visible,button:focus-visible{outline:2px solid #b0f4d8;outline-offset:3px}
.feedback{font-size:13px;color:#ffc4bc;margin:10px 0 5px;min-height:1.55em}
.foot{margin:19px 0 0;font-size:12px;color:#a9beb6;display:flex;align-items:center;gap:7px}
.foot span{border-radius:50%;width:7px;height:7px;background:#84ddb4}