:root{
  --primary:#0d6efd;
  --dark:#0f172a;
  --muted:#6b7280;
  --bg:#f7fbff;
  --soft:#eef6ff;
}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--dark);background:#fff;padding-top:76px}
.hero-section{background:linear-gradient(135deg,#f8fbff 0%,#edf5ff 55%,#ffffff 100%);padding:72px 0 48px}
.hero-panel,.form-shell,.review-card,.verify-card,.thankyou-card,.legal-card,.notice-card,.contact-detail-card{background:#fff;border-radius:24px;box-shadow:0 18px 50px rgba(13,110,253,.10);border:1px solid rgba(13,110,253,.08)}
.hero-panel{background:linear-gradient(180deg,#ffffff 0%,#f5faff 100%)}
.section-gap{padding:84px 0}
.section-eyebrow{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:12px}
.section-title{font-size:clamp(1.8rem,2.5vw,2.8rem);font-weight:800;line-height:1.15;margin-bottom:18px}
.badge-soft,.glass-tag,.otp-badge{background:var(--soft);color:var(--primary);font-weight:700}
.metric-card,.info-card,.service-card,.review-item{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:20px;padding:18px;height:100%;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.metric-card strong,.info-card strong{display:block;font-size:1.2rem}
.metric-card span,.info-card span,.review-item span{display:block;font-size:.9rem;color:var(--muted);margin-bottom:6px}
.hero-list li{display:flex;align-items:flex-start;gap:10px;margin:10px 0;color:#334155}
.hero-list i,.legal-list li::before{color:var(--primary)}
.service-card h3{font-size:1.18rem;font-weight:700;margin:14px 0 4px}
.service-subtitle{color:var(--primary);font-weight:600;margin-bottom:10px}
.service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--soft);color:var(--primary);font-size:1.25rem}
.kbli-chip-wrap{display:flex;flex-wrap:wrap;gap:8px}
.kbli-chip{background:#f8fafc;border:1px solid #dbeafe;color:#1d4ed8;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600}
.legal-list{list-style:none;padding:0;margin:0}
.legal-list li{position:relative;padding-left:22px;margin-bottom:14px;color:#334155}
.legal-list li::before{content:'•';position:absolute;left:0;top:0;font-size:1.2rem}
.contact-section{background:linear-gradient(135deg,#0f172a 0%,#102b56 65%,#123d7a 100%)}
.contact-detail-card{padding:24px;color:#dbeafe;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.10)}
.contact-detail-card div{margin:10px 0}
.form-shell{padding:26px}
.review-body,.verify-body,.thankyou-body{background:linear-gradient(135deg,#f8fbff 0%,#edf5ff 100%);min-height:100vh}
.review-item strong{font-size:1rem}
.review-message{font-weight:500;line-height:1.7}
.timer-box{font-size:1.05rem;font-weight:700;color:var(--primary);background:var(--soft);border-radius:999px;padding:12px 18px;display:inline-block}
.otp-input{letter-spacing:.35em;font-size:1.4rem;font-weight:800}
.thankyou-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;margin:0 auto;background:#e9f9ee;color:#16a34a;font-size:2rem;font-weight:800}
@media (max-width: 991.98px){body{padding-top:70px}.section-gap{padding:64px 0}.hero-section{padding-top:54px}}