:root{--primary:#2563eb;--primary-dark:#1d4ed8;--ink:#0f172a;--muted:#64748b;--soft:#f8fafc;--line:#e2e8f0}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
.navbar-brand{font-weight:800;color:var(--ink)!important}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--primary);color:#fff;display:inline-grid;place-items:center;margin-right:8px}
.hero{background:linear-gradient(135deg,#eff6ff,#fff 60%,#f8fafc);border-radius:28px;padding:70px 0;overflow:hidden}
.hero h1{font-weight:900;letter-spacing:-1.8px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.02}
.section-pad{padding:75px 0}.eyebrow{color:var(--primary);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.service-card,.feature-card,.info-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px;height:100%;transition:.2s}
.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,23,42,.08)}
.icon-box{width:48px;height:48px;border-radius:14px;background:#eff6ff;color:var(--primary);display:grid;place-items:center;font-size:1.25rem}
.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.badge-soft{background:#eff6ff;color:#1d4ed8}.step-num{width:38px;height:38px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}
.footer{background:#0f172a;color:#cbd5e1;padding:45px 0}.footer a{color:#cbd5e1;text-decoration:none}
.admin-sidebar{min-height:100vh;background:#0f172a;color:#cbd5e1}.admin-sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:11px 14px;border-radius:10px;margin:3px 0}.admin-sidebar a:hover,.admin-sidebar a.active{background:#1e293b;color:#fff}
.stat-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.stat-card .num{font-size:1.8rem;font-weight:900}
.table-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
@media(max-width:991px){.admin-sidebar{min-height:auto}.hero{padding:45px 0}}
.timeline-line{height:2px;background:#cbd5e1;position:relative;top:18px;width:100%;display:none}
@media(min-width:576px){.timeline-line{display:block}}