*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:#142033;background:radial-gradient(circle at 10% 10%,#e9f3ff,transparent 34%),linear-gradient(135deg,#f7faff,#edf3f9);min-height:100vh}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:28px}.auth-card{width:100%;max-width:470px;padding:38px;border:1px solid #e1e9f2;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 28px 70px rgba(18,46,78,.13)}.auth-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#3b91f0,#175eb5);font-size:1.15rem;box-shadow:0 12px 28px rgba(31,111,200,.25)}.eyebrow{margin:0 0 7px;color:#3276bd;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:1.65rem;letter-spacing:-.03em}.lead{margin:10px 0 25px;color:#697b8f;font-size:.86rem;line-height:1.6}.auth-alert{display:flex;gap:9px;margin-bottom:18px;padding:11px 13px;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;background:#fef2f2;font-size:.78rem}label{display:block;margin:13px 0 6px;color:#41556c;font-size:.72rem;font-weight:700}.password-field{position:relative}.password-field i{position:absolute;top:50%;left:13px;color:#8194a8;transform:translateY(-50%)}input{width:100%;height:45px;padding:0 13px 0 39px;border:1px solid #d7e1eb;border-radius:10px;outline:0;background:#fbfdff}input:focus{border-color:#438dda;box-shadow:0 0 0 3px rgba(67,141,218,.12)}.policy{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0;padding:0;list-style:none;color:#718398;font-size:.68rem}.policy li:before{content:'✓';margin-right:6px;color:#059669;font-weight:900}button{width:100%;height:46px;border:0;border-radius:11px;color:#fff;background:linear-gradient(90deg,#1768bd,#2f86df);font-weight:750;cursor:pointer;box-shadow:0 10px 24px rgba(23,104,189,.18)}button i{margin-right:7px}.back{display:block;margin-top:17px;color:#718398;font-size:.73rem;text-align:center}@media(max-width:520px){.auth-card{padding:27px 22px}.policy{grid-template-columns:1fr}}

@media screen{.auth-shell{min-height:100dvh;padding:clamp(14px,4vw,28px)}.auth-card{min-width:0}h1,.lead,.auth-alert,.back,label{overflow-wrap:anywhere}.auth-card button{height:auto;min-height:46px;padding:12px}.auth-card input{min-width:0}.auth-card:focus-within{scroll-margin-top:16px}}
@media screen and (max-width:359px){.auth-card{padding:24px 16px}}
@media screen and (pointer:coarse){.auth-card input{font-size:16px}}