@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap";:root{--cn: #1a1a1a;--brand: #3090a8;--brand-dk: #237489;--brand-tint: #eef7fa;--cn-br: #333333;--cn-dk: #000000;--ink: #14181c;--muted: #6b7280;--line: #e4e7eb}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Montserrat,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1100px 620px at 50% -10%,var(--brand-tint),transparent 70%),radial-gradient(760px 460px at 110% 110%,#f3f7f9,transparent 70%),#fbfcfd}.page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 16px 12px;gap:10px}.card{width:100%;max-width:440px;position:relative;background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:0 1px 2px #1018200a,0 18px 48px #1018201a;padding:26px;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand),#57b8cf 55%,var(--brand-dk))}.logo{display:block;width:196px;height:auto;margin:2px auto 18px}.title{margin:0 0 22px;text-align:center;font-size:clamp(22px,5.5vw,27px);font-weight:900;letter-spacing:-.01em}.subtitle{margin:0 0 16px;text-align:center;font-size:13.5px;font-weight:600;color:var(--muted);line-height:1.45}form{display:flex;flex-direction:column;gap:11px}.row{display:flex;gap:12px}.row .field{flex:1;min-width:0}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#55707c}.field>span .opt{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;opacity:.7}input{width:100%;font:inherit;font-weight:600;color:var(--ink);padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #3090a82e;background:#fff}input:hover:not(:focus){border-color:#cdd6dc}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.err{margin:2px 0 0;color:#c1121f;font-size:13px;font-weight:700;text-align:center}.btn{margin-top:4px;font:inherit;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(180deg,#3ea4bd,var(--brand) 55%,var(--brand-dk));border:none;border-radius:11px;padding:14px 20px;letter-spacing:.01em;cursor:pointer;box-shadow:0 8px 20px #3090a852;transition:transform .1s,box-shadow .15s,opacity .15s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #3090a86b}.btn:focus-visible{outline:3px solid rgba(48,144,168,.45);outline-offset:2px}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.success{text-align:center;padding:6px 0 4px}.success .check{width:58px;height:58px;margin:2px auto 12px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#3ea4bd,var(--brand-dk));color:#fff;font-size:34px;font-weight:900;box-shadow:0 10px 24px #3090a85c;animation:pop .45s cubic-bezier(.2,1.6,.3,1) both}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.success h1{margin:0 0 8px;font-size:24px;font-weight:900}.success p{margin:0;color:var(--muted);font-weight:600;line-height:1.6}.foot{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--cn-dk);text-align:center}
