/*
Theme Name: Modulus Partner Portal
Theme URI: https://modulusautocare.co.uk
Author: Modulus Forge
Version: 1.0.0
Description: Dark lightweight frontend theme for the Modulus Partner System.
*/
:root{--bg:#05070b;--panel:#0e1622;--panel2:#121d2d;--panel3:#09111c;--border:#213047;--text:#f4f7fb;--muted:#a9b5c6;--accent:#8ef1ff;--accent2:#49d7ff;--good:#8fffc1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 20%,#101b2b 0,#05070b 35%,#030406 100%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}.mpp-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:rgba(5,7,11,.92);backdrop-filter:blur(10px)}.mpp-inner{max-width:1180px;margin:0 auto;padding:18px 22px}.mpp-nav{display:flex;align-items:center;justify-content:space-between;gap:18px}.mpp-logo{font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--text);text-decoration:none;white-space:nowrap}.mpp-logo span{color:var(--accent)}.mpp-links{display:flex;gap:18px;flex-wrap:wrap}.mpp-links a{color:#cbd5e1;text-decoration:none;font-weight:800;font-size:14px}.mpp-links a:hover{color:var(--accent)}.mpp-main{flex:1}.mpp-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:22px;font-size:14px}.mpp-hero{max-width:1180px;margin:0 auto;padding:72px 22px 40px}.mpp-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}.mpp-kicker{color:var(--accent);font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:12px;margin-bottom:14px}.mpp-hero h1,.mpp-page-hero h1{font-size:64px;line-height:.96;margin:0 0 20px;letter-spacing:-.05em}.mpp-lead,.mpp-page-hero p{color:#c4cfdd;font-size:20px;line-height:1.6;max-width:760px}.mpp-small-note{color:var(--muted);font-size:14px;margin-top:18px}.mpp-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.mpp-actions.centered{justify-content:center}.mpp-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#041014!important;border-radius:999px;padding:14px 22px;text-decoration:none;font-weight:950;border:1px solid rgba(142,241,255,.25)}.mpp-btn.secondary{background:transparent;color:var(--text)!important;border:1px solid var(--border)}.mpp-btn.ghost{background:rgba(255,255,255,.05);color:var(--text)!important}.mpp-hero-panel{background:linear-gradient(135deg,rgba(14,22,34,.9),rgba(18,35,56,.85));border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.mpp-system-card{background:rgba(5,9,15,.65);border:1px solid #2b3e58;border-radius:22px;padding:22px}.mpp-system-card strong{font-size:22px;display:block;margin-bottom:8px}.mpp-system-card p{color:var(--muted);line-height:1.6}.mpp-live-dot{display:inline-block;width:10px;height:10px;background:var(--good);box-shadow:0 0 20px var(--good);border-radius:50%;margin-right:8px}.mpp-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.mpp-mini-stats div,.mpp-feature,.mpp-brand,.mpp-steps div{background:rgba(255,255,255,.045);border:1px solid var(--border);border-radius:20px;padding:18px}.mpp-mini-stats strong{display:block;font-size:20px;color:var(--accent)}.mpp-mini-stats span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.mpp-section{max-width:1180px;margin:0 auto;padding:58px 22px}.mpp-section-head{max-width:820px;margin-bottom:26px}.mpp-section h2,.mpp-cta h2{font-size:42px;line-height:1.05;letter-spacing:-.035em;margin:0 0 12px}.mpp-section-head p,.mpp-section p,.mpp-cta p{color:var(--muted);line-height:1.7}.mpp-feature-grid,.mpp-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mpp-feature h3,.mpp-brand h3,.mpp-steps h3{margin:0 0 10px;font-size:21px}.mpp-feature p,.mpp-brand p,.mpp-steps p{margin:0;color:var(--muted);font-size:15px}.mpp-dark-band{max-width:none;background:linear-gradient(90deg,rgba(15,25,39,.75),rgba(5,7,11,.2));border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-left:max(22px,calc((100vw - 1180px)/2 + 22px));padding-right:max(22px,calc((100vw - 1180px)/2 + 22px))}.mpp-brand span{display:inline-block;color:#061014;background:var(--accent);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950;text-transform:uppercase;margin-bottom:12px}.mpp-brand:not(.active) span{background:#2a3b52;color:#cbd5e1}.mpp-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.mpp-checks{display:grid;gap:10px}.mpp-checks p{margin:0;background:rgba(255,255,255,.045);border:1px solid var(--border);border-radius:16px;padding:16px 18px;color:#dce6f3}.mpp-checks p:before{content:'✓';color:var(--good);font-weight:950;margin-right:10px}.mpp-cta{max-width:940px;margin:40px auto 78px;padding:44px 24px;text-align:center;background:linear-gradient(135deg,#0d1522,#152338);border:1px solid var(--border);border-radius:28px}.mpp-page-hero{max-width:980px;margin:0 auto;padding:72px 22px 20px}.mpp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mpp-steps span{display:inline-flex;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#041014;font-weight:950;align-items:center;justify-content:center;margin-bottom:14px}.mpp-content-page{max-width:960px;margin:0 auto;padding:30px 22px 70px}.mpp-home{max-width:900px;margin:80px auto;padding:0 22px}.mpp-card{background:linear-gradient(135deg,#0d1522,#152338);border:1px solid var(--border);border-radius:24px;padding:44px;box-shadow:0 25px 60px rgba(0,0,0,.35)}.mpp-card h1{font-size:48px;line-height:1;margin:0 0 14px}.mpp-card p{color:var(--muted);font-size:18px;max-width:680px}@media(max-width:920px){.mpp-hero-grid,.mpp-split{grid-template-columns:1fr}.mpp-feature-grid,.mpp-brand-grid,.mpp-steps{grid-template-columns:1fr 1fr}.mpp-hero h1,.mpp-page-hero h1{font-size:46px}}@media(max-width:680px){.mpp-nav{align-items:flex-start;flex-direction:column}.mpp-links{gap:12px}.mpp-hero{padding-top:42px}.mpp-hero h1,.mpp-page-hero h1{font-size:38px}.mpp-section h2,.mpp-cta h2{font-size:32px}.mpp-feature-grid,.mpp-brand-grid,.mpp-steps,.mpp-mini-stats{grid-template-columns:1fr}.mpp-section{padding:40px 18px}.mpp-cta{margin:24px 18px 50px}.mpp-card{padding:28px}}