*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.auth{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-brand{color:#fff;background:radial-gradient(circle at 80% 12%,#60a5fa47,#0000 32%),radial-gradient(circle at 8% 88%,#4f46e552,#0000 34%),linear-gradient(150deg,#0b1220 0%,#172554 55%,#1e3a8a 100%);flex-direction:column;justify-content:space-between;padding:clamp(32px,4vw,64px);display:flex;position:relative;overflow:hidden}.auth-brand:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.auth-brand>*{z-index:1;position:relative}.auth-logo{letter-spacing:-.02em;align-items:center;gap:12px;font-size:19px;font-weight:800;display:inline-flex}.auth-logo .mark{background:linear-gradient(145deg,#3b82f6,#4f46e5);border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:0 10px 26px #1e3a8a80}.auth-copy h2{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.1}.auth-copy p{color:#dbeafec7;max-width:46ch;margin:0;line-height:1.65}.auth-copy ul{color:#dbeafed9;gap:10px;margin:22px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.auth-copy li:before{content:"✓";color:#60a5fa;margin-right:10px;font-weight:700}.auth-foot{color:#dbeafe80;font-size:12.5px}.auth-panel{background:#0b1120;justify-content:center;align-items:center;padding:clamp(28px,4vw,56px);display:flex}.auth-card{width:min(420px,100%)}.auth-card h1{letter-spacing:-.02em;color:#f1f5f9;margin:0 0 6px;font-size:26px;font-weight:800}.auth-card .sub{color:#94a3b8;margin:0 0 26px;font-size:14px}.field{margin-bottom:16px}.field label{color:#cbd5e1;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field input{color:#f1f5f9;background:#0f172a;border:1px solid #1e293b;border-radius:12px;outline:none;width:100%;padding:13px 15px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.auth-error{color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e66;border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:13px}.auth-ok{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98166;border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:13px}.auth-btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#3b82f6,#4f46e5);border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-block}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #3b82f659}.auth-btn:disabled{opacity:.65;cursor:not-allowed}.auth-hint{color:#94a3b8;border:1px dashed #1e293b;border-radius:12px;margin-top:22px;padding:14px 16px;font-size:12.5px;line-height:1.7}.auth-hint code{color:#93c5fd;font-size:12px}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-brand{display:none}}