.fopLoginPage{color:#eef2ff;background:radial-gradient(circle at 50% 0,#4338ca 0,#172554 28%,#08111f 68%);place-items:center;min-height:100vh;padding:30px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.fopLoginCard{background:#0f172af2;border:1px solid #334155;border-radius:28px;width:min(100%,520px);padding:34px;box-shadow:0 28px 80px #0008}.fopLoginLogo{background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:22px;font-size:24px;font-weight:950;display:grid}.fopLoginEyebrow{letter-spacing:.14em;color:#a5b4fc;font-size:11px;font-weight:900}.fopLoginCard h1{margin:8px 0 12px;font-size:34px;line-height:1.08}.fopLoginIntro{color:#cbd5e1;margin:0 0 20px;line-height:1.55}.fopLoginDemoBanner{background:#172033;border:1px solid #334155;border-radius:15px;gap:5px;margin:18px 0;padding:14px 15px;display:grid}.fopLoginDemoBanner strong{color:#fde68a}.fopLoginDemoBanner span,.fopLoginNote{color:#94a3b8;font-size:12px;line-height:1.5}.fopLoginIdentity{background:#0b1220;border:1px solid #253147;border-radius:15px;gap:5px;margin-bottom:16px;padding:16px;display:grid}.fopLoginIdentity span,.fopLoginIdentity small{color:#94a3b8;font-size:11px}.fopLoginButton{text-align:center;color:#fff;background:#4f46e5;border-radius:14px;padding:14px 16px;font-weight:900;text-decoration:none;display:block;box-shadow:0 10px 30px #312e8160}.fopLoginButton:hover{filter:brightness(1.08)}.fopLoginFlow{color:#c7d2fe;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:20px 0;font-size:11px;display:flex}.fopLoginFlow span{background:#1e293b;border:1px solid #334155;border-radius:999px;padding:6px 9px}.fopLoginFlow b{color:#64748b}.fopLoginNote{text-align:center;margin:0}@media (max-width:560px){.fopLoginPage{padding:18px}.fopLoginCard{padding:24px}.fopLoginCard h1{font-size:28px}}