:root{--bg:#f4f7fb;--card:#fff;--text:#152033;--muted:#6b7280;--line:#e6eaf0;--primary:#4f46e5;--primary2:#7c3aed;--ok:#059669;--danger:#dc2626}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}body{min-height:100vh;background:radial-gradient(circle at 10% 10%,#e0e7ff 0,transparent 32%),radial-gradient(circle at 90% 85%,#ede9fe 0,transparent 34%),var(--bg);display:grid;place-items:center;padding:24px}.auth-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.08fr .92fr;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(31,41,55,.14)}.auth-side{padding:48px;background:linear-gradient(145deg,#111827,#312e81 58%,#5b21b6);color:white;position:relative;overflow:hidden}.auth-side:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08);right:-100px;bottom:-120px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.03em}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:20px}.auth-side h1{font-size:clamp(34px,5vw,56px);line-height:1.04;margin:72px 0 18px;max-width:560px}.auth-side p{color:#cbd5e1;line-height:1.75;max-width:520px}.feature-list{display:grid;gap:14px;margin-top:34px}.feature{display:flex;gap:12px;align-items:center;color:#e5e7eb}.feature i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.1)}.auth-main{padding:44px;background:var(--card)}.auth-main h2{font-size:30px;margin:0 0 8px}.lead{margin:0 0 28px;color:var(--muted);line-height:1.6}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.input-wrap{position:relative}.input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.input{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px 13px 42px;font:inherit;outline:none;background:#fbfcfe;transition:.2s}.input:focus{border-color:#818cf8;background:white;box-shadow:0 0 0 4px rgba(99,102,241,.12)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{width:100%;border:0;border-radius:14px;padding:14px 18px;font:inherit;font-weight:800;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;box-shadow:0 12px 30px rgba(79,70,229,.22)}.btn-primary:hover{transform:translateY(-1px)}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:13px}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.small{font-size:12px;color:var(--muted)}.bottom-link{text-align:center;margin-top:20px;color:var(--muted);font-size:14px}.bottom-link a{color:var(--primary);font-weight:800;text-decoration:none}.pw-toggle{position:absolute!important;right:12px!important;left:auto!important;cursor:pointer}.meta-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:3px 0 18px;font-size:12px;color:var(--muted)}.meta-line a{color:var(--primary);text-decoration:none;font-weight:700}@media(max-width:820px){body{padding:0;background:white}.auth-shell{grid-template-columns:1fr;border-radius:0;min-height:100vh}.auth-side{padding:28px 24px}.auth-side h1{margin:36px 0 12px;font-size:36px}.feature-list{display:none}.auth-main{padding:30px 22px}.row{grid-template-columns:1fr}}