:root{
    --primary:#0F172A;
    --primary-dark:#020617;
    --secondary:#1E3A8A;
    --accent:#2563EB;
    --accent-hover:#1D4ED8;
    --light:#F8FAFC;
    --white:#FFFFFF;
    --text:#1E293B;
    --border:#CBD5E1;
    --gray:#64748B;
}
body{color:var(--text);background:var(--light);}
.alllogin{background:linear-gradient(135deg,#0F172A,#1E3A8A);}
.topbannertxt li{background:linear-gradient(135deg,#0F172A,#1E3A8A);box-shadow:0 10px 25px rgba(30,58,138,.25);border-radius:10px;}
.topbannertxt h1,.topbannertxt p,.cls_sectionone .cls_sectiononetxt h4,.cls_sectionone .cls_sectiononetxt p,.cls_driveronetxt h3,.cls_driveronetxt p,.cls_signin .title,.paymentpage label,.paymentpage small{color:var(--primary);}
a,.alllogin .allloginone a,.alllogin .allloginbottom1 a,.cls_signintext a,.cls_arrivinginatag{color:var(--accent);}
a:hover{color:var(--accent-hover);}
.cls_arrivingin,.cls_driveronetwo,.cls_signin .cls_signintext,.signup-wrapper.cls_signuprider,.pay_period_details .bor-left{
background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 25px rgba(15,23,42,.08);}
.cls_dottedline .circle{background:var(--secondary);border-color:var(--secondary);color:#fff;}
.form-control{border:1px solid var(--border);border-radius:10px;}
.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem rgba(37,99,235,.15);}
.btn-primary{background:linear-gradient(135deg,#1E3A8A,#2563EB);border:none;border-radius:10px;color:#fff;}
.btn-primary:hover{background:linear-gradient(135deg,#1D4ED8,#1E40AF);}
footer{background:#0F172A;color:#CBD5E1;}
footer a{color:#DBEAFE;}