:root{--bg:#07111f;--bg2:#0b1830;--card:rgba(8,16,31,.64);--cardBorder:rgba(255,255,255,.12);--white:#f8fbff;--muted:#a8bbd8;--accent:#14b8a6;--accent2:#2563eb;--danger:#fca5a5}
*{box-sizing:border-box}body.auth-body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#07111f 0%,#081a36 45%,#0d2347 100%);color:var(--white);overflow:hidden}.orb{position:fixed;border-radius:50%;filter:blur(16px);opacity:.45}.orb-a{width:340px;height:340px;background:#2563eb;top:-70px;left:-60px}.orb-b{width:380px;height:380px;background:#14b8a6;right:-120px;bottom:-120px}.user-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;padding:42px}.portal-intro h1{font-size:1.2rem;margin:0}.brand-block{display:flex;align-items:center;gap:16px;margin-bottom:30px}.brand-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 18px 45px rgba(20,184,166,.28)}.tiny-label{display:block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#93c5fd;margin-bottom:6px}.portal-intro h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;margin:0 0 16px;max-width:720px}.portal-intro p{max-width:650px;color:var(--muted);line-height:1.8;font-size:1.04rem}.intro-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px;max-width:520px}.intro-list li{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.login-card{width:min(100%,500px);justify-self:center;padding:34px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(20px);box-shadow:0 24px 70px rgba(0,0,0,.28)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#67e8f9;font-size:.78rem;font-weight:700;margin:0 0 8px}.login-card h3{margin:0;font-size:2rem}.subtext{color:var(--muted);line-height:1.7;margin:10px 0 24px}.alert-box,.success-box{padding:14px 16px;border-radius:16px;margin-bottom:16px}.alert-box{background:rgba(127,29,29,.35);border:1px solid rgba(248,113,113,.45);color:#fee2e2}.success-box{background:rgba(6,95,70,.35);border:1px solid rgba(20,184,166,.45);color:#ccfbf1}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{font-weight:600}.auth-form input{height:56px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(2,6,23,.42);color:#fff;font-size:1rem;outline:none}.auth-form input::placeholder{color:#8ca4c7}.auth-form input:focus{border-color:#67e8f9;box-shadow:0 0 0 4px rgba(103,232,249,.14)}.field-error{color:#fecaca;margin-top:-6px}.auth-form button{margin-top:10px;height:56px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 18px 40px rgba(37,99,235,.32)}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:20px;flex-wrap:wrap}.auth-links a{color:#dbeafe;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media (max-width:980px){body.auth-body{overflow:auto}.user-shell{grid-template-columns:1fr;padding:24px}.portal-intro{order:2}.login-card{order:1;width:100%}}