:root{--navy:#082d50;--blue:#0877ad;--gold:#dba83e;--ink:#173a56;--muted:#70869a;--line:#d4e2eb;--paper:#fff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 10%,#fff5d9 0,transparent 28%),linear-gradient(135deg,#edf5f8,#f7fafb 55%,#e8f1f5);font:16px/1.55 "Segoe UI",sans-serif}.auth-shell{width:min(1120px,calc(100% - 32px));min-height:100vh;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);align-items:center;gap:64px;padding:40px 0}.auth-brand{display:inline-flex;align-items:center;gap:13px;color:var(--navy);text-decoration:none}.auth-brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#f7d47c,#dca534);font:700 30px Georgia,serif}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font:700 24px Georgia,serif}.auth-brand small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.auth-intro h1{max-width:650px;margin:40px 0 16px;color:var(--navy);font:700 clamp(42px,5vw,68px)/1.02 Georgia,serif}.auth-intro>p{max-width:620px;color:#58738a;font-size:19px}.auth-benefits{display:grid;gap:12px;margin-top:32px}.auth-benefits span{display:flex;gap:10px;align-items:center;font-weight:700}.auth-benefits i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#116d55;background:#dff3eb;font-style:normal}.auth-card{padding:36px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(15,50,75,.16)}.auth-card header small{color:#9b650e;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.auth-card h2{margin:5px 0 8px;color:var(--navy);font:700 36px Georgia,serif}.auth-card header p{margin:0 0 25px;color:var(--muted)}.auth-form{display:grid;gap:16px}.auth-form label span{display:block;margin-bottom:7px;font-weight:800}.auth-form input,.auth-form select{width:100%;height:54px;padding:0 15px;border:1px solid #bfd3df;border-radius:13px;background:#fff;color:var(--ink);font:inherit}.auth-form input:focus,.auth-form select:focus{outline:3px solid rgba(8,119,173,.14);border-color:var(--blue)}.auth-form button{height:56px;border:0;border-radius:13px;color:#fff;background:var(--navy);font:800 16px inherit;cursor:pointer;box-shadow:0 12px 25px rgba(8,45,80,.18)}.auth-form button:disabled{opacity:.65}.auth-status{min-height:24px;margin:0;font-weight:700}.auth-status.error{color:#a23e3e}.auth-status.success{color:#167054}.auth-switch{margin:22px 0 0;text-align:center;color:var(--muted)}.auth-switch a{color:var(--blue);font-weight:800}.auth-demo{margin-top:20px;padding:14px 16px;border:1px solid #efd294;border-radius:13px;background:#fff8e8;color:#76551e;font-size:14px}.auth-back{display:inline-block;margin-top:25px;color:#476b83;text-decoration:none;font-weight:700}@media(max-width:850px){.auth-shell{grid-template-columns:1fr;gap:30px;padding:24px 0 40px}.auth-intro h1{margin-top:25px;font-size:42px}.auth-benefits{display:none}.auth-card{padding:25px}}@media(max-width:480px){.auth-shell{width:min(100% - 20px,1120px)}.auth-intro>p{font-size:16px}.auth-card h2{font-size:30px}}