:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#07110f;color:#eef5f2;font:14px system-ui,sans-serif}main{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 20%,#18352d,transparent 35%)}section{width:min(390px,100%);padding:34px;border:1px solid #20322d;border-radius:16px;background:#0d1916;box-shadow:0 30px 80px #0008}.mark{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#62f0b2;color:#07110f;font:bold 20px Georgia,serif}h1{font:600 28px Georgia,serif;margin:22px 0 8px}p{color:#91a69f;margin:0 0 24px}form,label{display:grid;gap:8px}form{gap:16px}label{color:#a7b8b2;font-size:12px}input{width:100%;padding:12px;border:1px solid #2b4039;border-radius:8px;background:#07110f;color:#fff}input:focus{outline:2px solid #62f0b277;border-color:#62f0b2}button,.google{padding:12px;border:0;border-radius:8px;background:#62f0b2;color:#06120e;font-weight:750;cursor:pointer;text-align:center;text-decoration:none}.divider{display:flex;align-items:center;gap:8px;color:#60756d;font-size:11px;margin:18px 0}.divider:before,.divider:after{content:'';height:1px;background:#20322d;flex:1}.reset{display:block;margin-top:20px;color:#91a69f;text-align:center;font-size:12px;text-decoration:none}#error{min-height:18px;color:#ff8094;text-align:center;font-size:12px}