:root{--ink:#10204A;--orange:#E8590C;--btn-text:#0B0F14;--soft:#FBF7F1;--muted:#5B6470;--line:#E6E1D8;--err:#B42318}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:#fff;display:grid;grid-template-columns:1fr 1fr}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}

.side{background:var(--ink);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;border-right:6px solid var(--orange)}
.side p.big{font-size:clamp(28px,3.4vw,44px);line-height:1.15;letter-spacing:-.03em;font-weight:700;max-width:16ch;margin:0 0 18px}
.side p.sm{color:#C9D1E6;max-width:38ch;margin:0}
.side .foot{font-size:14px;color:#C9D1E6}
.side .foot b{color:#fff;font-weight:600}

.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand svg{width:40px;height:40px;flex:none}
.brand b{display:block;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1}
.brand b i{font-style:normal;color:var(--orange)}
.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-top:3px;opacity:.7}

.main{display:flex;align-items:center;justify-content:center;padding:40px 24px;padding-top:calc(40px + env(safe-area-inset-top,0));padding-bottom:calc(40px + env(safe-area-inset-bottom,0))}
.card{width:100%;max-width:400px}
.mobile-brand{display:none;margin-bottom:32px;color:var(--ink)}
.mobile-brand small{color:var(--muted);opacity:1}
h1{font-size:32px;letter-spacing:-.03em;line-height:1.1;margin:0 0 8px}
.lead{color:var(--muted);margin:0 0 28px}
.alert{background:#FEF3F2;border:1px solid #FDA29B;color:var(--err);border-radius:12px;padding:12px 14px;font-size:15px;margin-bottom:18px}
label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.field{width:100%;height:50px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.field:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px rgba(232,89,12,.25)}
.row{margin-bottom:18px}
.pw{position:relative}
.pw .field{padding-right:78px}
.pw button{position:absolute;right:6px;top:6px;height:38px;padding:0 12px;border:0;background:transparent;color:var(--muted);font:600 14px/1 inherit;font-family:inherit;cursor:pointer;border-radius:8px}
.pw button:hover{color:var(--ink);background:var(--soft)}
.opts{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:-4px 0 22px;gap:12px}
.opts label{display:flex;align-items:center;gap:8px;font-weight:500;margin:0;color:var(--muted)}
.opts input{width:18px;height:18px;accent-color:var(--orange)}
.opts a{color:var(--ink);font-weight:600}
.btn{width:100%;height:52px;border:0;border-radius:999px;background:var(--orange);color:var(--btn-text);font:600 17px/1 inherit;font-family:inherit;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn[disabled]{opacity:.65;cursor:wait}
.back{margin:28px 0 0;font-size:14px;color:var(--muted);text-align:center}
.back a{font-weight:600;color:var(--ink)}

@media (max-width:860px){
  body{grid-template-columns:1fr}
  .side{display:none}
  .mobile-brand{display:flex}
  .main{align-items:flex-start;padding-top:calc(36px + env(safe-area-inset-top,0))}
}