/*
Theme Name: MotorFin Platform
Theme URI: https://example.com/
Author: MotorFin
Description: Professional Motor Loan + Insurance platform WordPress theme. Front-end demo with application form and dashboard.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: motorfin
*/
:root{--blue:#165dff;--dark:#14213d;--muted:#64748b;--bg:#f7f9fc;--line:#e5eaf2;--green:#16834d;--orange:#a96300}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--dark);background:var(--bg);line-height:1.6}a{text-decoration:none;color:inherit}.mf-wrap{max-width:1180px;margin:auto;padding:0 22px}
.mf-nav{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000}.mf-brand{font-size:21px;font-weight:800;display:flex;align-items:center;gap:9px}.mf-mark{background:var(--blue);color:#fff;border-radius:9px;padding:7px 9px;font-size:13px}.mf-menu{display:flex;gap:28px;color:var(--muted);font-size:14px;font-weight:600}.mf-menu a:hover{color:var(--blue)}.mf-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 19px;font-weight:750;cursor:pointer;font-size:14px}.mf-primary{background:var(--blue);color:#fff;box-shadow:0 8px 22px #165dff2b}.mf-light{background:#eef4ff;color:var(--blue)}.mf-outline{background:#fff;color:var(--dark);border:1px solid #d7dfeb}
.mf-hero{padding:82px 0;background:linear-gradient(135deg,#f7fbff,#eef4ff)}.mf-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.mf-pill{display:inline-block;background:#e6efff;color:var(--blue);padding:7px 13px;border-radius:30px;font-size:12px;font-weight:800}.mf-hero h1{font-size:52px;line-height:1.08;letter-spacing:-1.5px;margin:19px 0}.mf-hero h1 em{font-style:normal;color:var(--blue)}.mf-hero p{font-size:18px;color:var(--muted);max-width:650px}.mf-actions{display:flex;gap:12px;margin:27px 0}.mf-note{font-size:12px;color:#94a3b8}.mf-card{background:#fff;border:1px solid #e0e7f1;border-radius:24px;padding:27px;box-shadow:0 25px 70px #1e3a8a18}.mf-card-top,.mf-stats,.mf-steps{display:flex;justify-content:space-between;align-items:center}.mf-status{padding:5px 10px;border-radius:20px;font-size:11px;font-weight:800}.mf-green{background:#e8f8ef;color:var(--green)}.mf-blue{background:#e9f2ff;color:#1761cf}.mf-orange{background:#fff3df;color:var(--orange)}.mf-car{font-size:62px;margin:18px 0 3px}.mf-stats{margin:22px 0}.mf-stats div{display:flex;flex-direction:column}.mf-stats small{color:#94a3b8}.mf-progress{height:8px;background:#edf1f7;border-radius:10px;overflow:hidden}.mf-progress i{display:block;height:100%;width:70%;background:var(--blue)}.mf-steps{font-size:11px;color:#64748b;margin-top:11px}
.mf-section{padding:82px 0}.mf-head{text-align:center;max-width:700px;margin:0 auto 43px}.mf-head span,.mf-dash-title span{font-size:11px;font-weight:850;letter-spacing:1.5px;color:var(--blue)}.mf-head h2,.mf-dash-title h2{font-size:36px;line-height:1.2;margin:9px 0}.mf-head p{color:var(--muted)}.mf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mf-feature{background:#fff;border:1px solid var(--line);padding:25px;border-radius:17px}.mf-icon{font-size:29px}.mf-feature h3{margin:12px 0 5px}.mf-feature p{margin:0;color:var(--muted)}
.mf-process{background:#fff}.mf-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.mf-timeline>div{border-top:3px solid #dbe6fb;padding:16px 8px}.mf-timeline b{color:var(--blue);font-size:13px}.mf-timeline h3{margin:9px 0 2px;font-size:17px}.mf-timeline p{font-size:13px;color:var(--muted);margin:0}
.mf-dashboard{padding:70px 0}.mf-dash-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.mf-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.mf-metric{background:#fff;border:1px solid var(--line);padding:20px;border-radius:15px}.mf-metric small{color:#94a3b8}.mf-metric b{display:block;font-size:29px;margin:5px 0}.mf-metric span{font-size:11px;color:var(--green)}.mf-table-wrap{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:auto}.mf-table{width:100%;border-collapse:collapse}.mf-table th,.mf-table td{text-align:left;padding:15px;border-bottom:1px solid #eef1f5;font-size:13px}.mf-table th{background:#fafbfd;color:var(--muted)}
.mf-footer{background:#111827;color:#cbd5e1;padding:45px 0}.mf-footer .mf-brand{color:#fff}.mf-disclaimer{font-size:11px;color:#94a3b8;max-width:850px}
.mf-modal{display:none;position:fixed;inset:0;background:#07111dcc;z-index:2000;align-items:center;justify-content:center;padding:20px}.mf-modal.show{display:flex}.mf-modal-box{background:#fff;width:min(500px,100%);padding:30px;border-radius:20px;position:relative;max-height:90vh;overflow:auto}.mf-close{position:absolute;right:17px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.mf-field{display:block;font-size:13px;font-weight:750;margin:14px 0}.mf-field input,.mf-field select,.mf-field textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #dbe2ec;border-radius:9px;font:inherit}.mf-full{width:100%;margin-top:8px}.mf-message{padding:12px;border-radius:10px;margin:10px 0;background:#edf7ff;color:#145ca8;font-size:13px}
@media(max-width:850px){.mf-hero-grid{grid-template-columns:1fr}.mf-menu{display:none}.mf-grid{grid-template-columns:1fr 1fr}.mf-timeline{grid-template-columns:1fr 1fr 1fr}.mf-metrics{grid-template-columns:1fr 1fr}.mf-hero h1{font-size:42px}}
@media(max-width:550px){.mf-wrap{padding:0 16px}.mf-hero{padding:55px 0}.mf-hero h1{font-size:35px}.mf-actions{flex-direction:column}.mf-grid,.mf-timeline,.mf-metrics{grid-template-columns:1fr}.mf-dash-title{align-items:flex-start;gap:15px;flex-direction:column}}