/* V44.1.1 - ServeIT MSP Portal Login Modernization Premium UX */
:root{--sit-black:#131212;--sit-muted:#64748b;--sit-orange:#f08331;--sit-orange-2:#ff9d4d;--sit-border:rgba(19,18,18,.10);--sit-shadow:0 30px 80px rgba(19,18,18,.14);--sit-soft-shadow:0 14px 38px rgba(19,18,18,.08)}
body{min-height:100vh;background:radial-gradient(circle at 0 0,rgba(240,131,49,.18),transparent 30%),radial-gradient(circle at 100% 0,rgba(19,18,18,.10),transparent 34%),linear-gradient(180deg,#faf9f7,#eef1ed)!important}.auth-shell{width:min(1320px,calc(100% - 44px));min-height:100vh;margin:0 auto;display:grid!important;grid-template-columns:minmax(470px,1.06fr) minmax(500px,.94fr);gap:30px;align-items:center;padding:34px 0!important}.v4410-hero{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(145deg,#151110,#241914 58%,#7a401d 150%);color:#fff;box-shadow:var(--sit-shadow);padding:34px;min-height:610px;display:flex;flex-direction:column;justify-content:space-between}.v4410-hero:before{content:"";position:absolute;width:420px;height:420px;right:-155px;top:-150px;background:radial-gradient(circle,rgba(240,131,49,.42),transparent 68%)}.v4410-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.v4410-logo{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--sit-orange),var(--sit-orange-2));display:grid;place-items:center;font-weight:950;font-size:23px;box-shadow:0 18px 42px rgba(240,131,49,.30)}.v4410-kicker{margin:0;color:#ffb06b;text-transform:uppercase;letter-spacing:1.45px;font-weight:950;font-size:12px}.v4410-brand strong{display:block;font-size:18px;letter-spacing:-.02em}.v4410-hero h1{font-size:clamp(42px,4vw,62px);line-height:.96;margin:34px 0 16px;color:#fff;letter-spacing:-.065em}.v4410-lead{font-size:17px;line-height:1.62;color:rgba(255,255,255,.80);max-width:680px;margin:0 0 22px}.v4411-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.v4411-kpi{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);border-radius:17px;padding:13px}.v4411-kpi strong{display:block;color:#fff;font-size:22px;letter-spacing:-.045em}.v4411-kpi span{display:block;color:rgba(255,255,255,.66);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.6px}.v4410-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 25px}.v4410-pill{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.085);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:850;color:#fff}.v4410-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v4410-feature{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.075);border-radius:18px;padding:14px;min-height:96px}.v4410-feature small{display:block;color:#ffb06b;font-weight:950;text-transform:uppercase;font-size:10px;letter-spacing:.9px;margin-bottom:8px}.v4410-feature span{display:block;color:#fff;font-weight:900;margin-bottom:5px}.v4410-feature p{margin:0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.43}.v4410-security{margin-top:22px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:rgba(255,255,255,.74);font-size:13px;line-height:1.55}.v4411-version{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.v4411-version span{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);border-radius:999px;padding:8px 10px;color:rgba(255,255,255,.82);font-size:12px;font-weight:850}.v4410-auth-panel{display:flex;flex-direction:column;gap:18px}.auth-card{width:100%!important;border-radius:30px!important;padding:28px!important;box-shadow:var(--sit-shadow)!important;border-top:6px solid var(--sit-orange)!important}.auth-card h1{font-size:42px!important;letter-spacing:-.06em!important;margin-bottom:8px!important}.auth-card .muted{font-size:15px!important;line-height:1.55!important}.auth-card button,.v4398-card button{height:48px;border-radius:15px!important;background:linear-gradient(135deg,var(--sit-orange),var(--sit-orange-2))!important;box-shadow:0 16px 36px rgba(240,131,49,.22)!important}.auth-card .back-link{background:#131212!important;color:#f7fff4!important;border-radius:14px!important;box-shadow:none!important}.auth-card input,.v4398-card input{border-radius:15px!important;box-shadow:0 10px 25px rgba(19,18,18,.04)!important}.v4398-dual-login{max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.v4398-card{border-radius:30px!important;padding:24px!important;border:1px solid var(--sit-border)!important;box-shadow:var(--sit-soft-shadow)!important;position:relative;overflow:hidden;background:#fff}.v4398-card:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--sit-orange),var(--sit-orange-2))}.v4398-card h2{font-size:24px!important;letter-spacing:-.05em!important;color:var(--sit-black)!important;margin-bottom:8px!important}.v4398-card p{font-size:14px!important;color:#64748b!important;line-height:1.55!important}.v4398-method-meta{display:grid;grid-template-columns:1fr;gap:9px;margin:14px 0 4px}.v4398-method-meta span{display:block;border:1px solid rgba(15,23,42,.08);background:#f8fafc;border-radius:14px;padding:10px;color:#334155;font-size:12px;font-weight:850}.v4411-method-badge{display:inline-flex;border-radius:999px;padding:7px 10px;background:rgba(240,131,49,.11);color:#9a4b12;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.v4411-method-badge.dark{background:rgba(19,18,18,.08);color:#171412}.v4411-auth-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.v4411-auth-title span{border-radius:999px;background:#111827;color:#fff;padding:7px 10px;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.5px}@media(max-width:1120px){.auth-shell{grid-template-columns:1fr}.v4410-hero{min-height:auto}.v4398-dual-login{grid-template-columns:1fr!important}}@media(max-width:720px){.auth-shell{width:min(100% - 24px,640px);padding:22px 0!important}.v4410-hero{padding:24px;border-radius:24px}.v4410-feature-grid,.v4411-kpi-row{grid-template-columns:1fr}.auth-card h1{font-size:36px!important}}
