:root{color:#17252a;font-synthesis:none;--green:#08b887;--dark:#17252a;--muted:#7b898d;--line:#e5ebec;background:#dce4e7;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{place-items:center;min-height:100dvh;margin:0;padding:24px;display:grid}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #45d4b0}[hidden]{display:none!important}.phone{background:linear-gradient(160deg,#f9fbfb,#eef3f4);border:6px solid #fff;border-radius:36px;flex-direction:column;width:100%;max-width:430px;min-height:780px;display:flex;overflow:clip;box-shadow:0 24px 80px #263f4f18}@media (max-width:480px){body{padding:0}.phone{max-width:none;min-height:100dvh;box-shadow:none;border:0;border-radius:0}}header{background:#ffffffa6;border-bottom:1px solid #fff;justify-content:space-between;align-items:center;padding:25px 22px;display:flex}.brand{letter-spacing:-.8px;font-size:19px;font-weight:850}.brand span{color:var(--green)}.demo{letter-spacing:1.1px;color:#778c8a;border:1px solid #d8e6e3;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:750}.back{width:38px;height:38px;color:var(--dark);background:#fff;border:1px solid #e1e8ea;border-radius:50%;place-items:center;display:grid}.back svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}main{flex:1;padding:35px 18px 26px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:#7d9791;margin:0 0 12px;font-size:10px;font-weight:750}.intro{text-align:center;margin-bottom:32px}.intro h1{letter-spacing:-1.1px;margin:0 0 11px;font-size:27px;font-weight:750}.intro p{color:var(--muted);max-width:260px;margin:0 auto;font-size:13px;line-height:1.65}.panel{background:#fff;border:1px solid #e1e8ea;border-radius:23px;padding:20px 15px 15px;box-shadow:0 4px 15px #334f5f04}.label{color:#738487;text-transform:uppercase;letter-spacing:.7px;margin:0 0 8px;font-size:10px;font-weight:750;display:block}.field{margin-top:17px}.field:first-child{margin-top:0}input,select{color:#233439;background:#fff;border:1px solid #dbe4e4;border-radius:11px;outline:none;width:100%;min-width:0;height:46px;padding:0 12px;font-size:14px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #08b88712}input::placeholder{color:#a5afb1;font-size:12px}input.code{text-align:center;letter-spacing:8px;font-size:22px;font-weight:750}.hint{color:#899899;margin:9px 0 0;font-size:10px;line-height:1.6}.error{color:#b53e37;background:#fff0ee;border:1px solid #f5d7d2;border-radius:9px;margin:12px 0 0;padding:10px;font-size:11px;line-height:1.5}.ok{color:#0f7f5f;background:#effaf5;border:1px solid #d6eee3;border-radius:9px;margin:12px 0 0;padding:10px;font-size:11px;line-height:1.5}.primary,.secondary{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:18px;font-size:12px;font-weight:750;text-decoration:none;display:flex}.primary{color:#fff;background:var(--green);box-shadow:0 6px 14px #08b88715}.primary:hover:not(:disabled){background:#06a87c}.secondary{color:#53676d;background:#e9eff0;margin-top:10px}.secondary:hover:not(:disabled){background:#dfe7e8}.link{color:#15916d;text-align:center;background:0 0;border:0;width:100%;padding:10px 0 0;font-size:11px;font-weight:700}.profile{background:#fff;border:1px solid #e2ebea;border-radius:13px;margin:16px 0;padding:13px}.profile-head{align-items:center;gap:10px;display:flex}.avatar{color:#159d76;background:#e5f7f0;border-radius:11px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:750;display:grid}.profile-name{margin:0 0 4px;font-size:12px;font-weight:750}.profile-id{color:#8a989b;margin:0;font-size:10px}footer{text-align:center;color:#8a989b;padding:4px 12px 16px;font-size:10px}