@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

:root {
  --navy:    #0f2557;
  --blue:    #1a3c8f;
  --accent:  #e8a020;
  --gold:    #c8860a;
  --green:   #1a7a40;
  --red:     #c0392b;
  --purple:  #6a0dad;
  --card:    #ffffff;
  --bg:      #f0f4fb;
  --border:  #dde3ef;
  --text:    #1e2a3a;
  --muted:   #6c7a90;
  --radius:  16px;
  --shadow:  0 6px 40px rgba(15,37,87,.12);
  --shadow2: 0 2px 16px rgba(15,37,87,.08);
}

.mv-wrap * { box-sizing:border-box; margin:0; padding:0; }
.mv-wrap {
  font-family:'DM Sans',sans-serif; color:var(--text);
  max-width:920px; margin:32px auto; padding:0 16px;
}

/* ═══ SEARCH HERO ═══ */
.mv-hero-card {
  border-radius:20px; overflow:hidden;
  box-shadow:0 12px 60px rgba(15,37,87,.22);
  margin-bottom:24px;
}
.mv-hero-bg {
  position:absolute; inset:0; pointer-events:none; overflow:hidden;
}
.mv-hero-content {
  position:relative; z-index:2;
  background:linear-gradient(135deg,#0f2557 0%,#1a3c8f 45%,#2d5fc4 100%);
  padding:40px 40px 32px; text-align:center;
}
.mv-hero-emblem {
  position:relative; width:80px; height:80px; margin:0 auto 20px; display:flex; align-items:center; justify-content:center;
}
.mv-emblem-ring {
  position:absolute; border-radius:50%; border:2px solid rgba(232,160,32,.5);
  animation:mvPulse 2.5s ease-in-out infinite;
}
.mv-ring-1 { width:64px; height:64px; animation-delay:0s; }
.mv-ring-2 { width:80px; height:80px; animation-delay:.8s; opacity:.5; }
@keyframes mvPulse { 0%,100%{transform:scale(1);opacity:.6;} 50%{transform:scale(1.1);opacity:1;} }
.mv-emblem-icon { font-size:2.2rem; position:relative; z-index:1; }
.mv-hero-title {
  font-family:'Crimson Text',serif; font-size:2.2rem; font-weight:600;
  color:#fff; margin-bottom:8px; letter-spacing:-.01em;
}
.mv-hero-sub { color:rgba(255,255,255,.75); font-size:.95rem; font-weight:300; line-height:1.5; margin-bottom:16px; }
.mv-hero-chips { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.mv-chip {
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2);
  color:#fff; border-radius:20px; padding:5px 14px; font-size:.8rem; font-weight:500;
  backdrop-filter:blur(6px);
}

/* Floating particles */
.mv-particle {
  position:absolute; left:var(--x); top:var(--y);
  width:var(--s); height:var(--s); background:rgba(232,160,32,.35);
  border-radius:50%; animation:mvFloat var(--d) ease-in-out infinite alternate;
}
@keyframes mvFloat { from{transform:translateY(0) scale(1);} to{transform:translateY(-18px) scale(1.4);} }

/* Form body */
.mv-form-body {
  background:#fff; padding:32px 40px 36px; position:relative;
}
.mv-field-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px; }
.mv-field { display:flex; flex-direction:column; gap:6px; }
.mv-field label { font-size:.78rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.07em; display:flex; align-items:center; gap:5px; }
.mv-field-ico { font-size:.95rem; }
.mv-req { color:var(--red); }
.mv-field input, .mv-field select {
  padding:10px 16px; border:2px solid var(--border); border-radius:10px;
  font-size:.95rem; font-family:inherit; color:var(--text); background:#f8faff;
  transition:all .25s; outline:none;
}
.mv-field input:focus, .mv-field select:focus {
  border-color:var(--blue); background:#fff;
  box-shadow:0 0 0 4px rgba(26,60,143,.08);
}
.mv-field-err { font-size:.75rem; color:var(--red); min-height:1em; }

/* Verify button */
.mv-verify-btn {
  width:100%; padding:16px; border:none; border-radius:12px; cursor:pointer;
  font-family:inherit; font-size:1.05rem; font-weight:700; letter-spacing:.02em;
  background:linear-gradient(135deg,var(--navy),var(--blue));
  color:#fff; display:flex; align-items:center; justify-content:center; gap:10px;
  transition:transform .2s,box-shadow .2s;
  box-shadow:0 4px 20px rgba(15,37,87,.3);
}
.mv-verify-btn:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(15,37,87,.4); }
.mv-verify-btn:active { transform:translateY(0); }
.mv-verify-btn:disabled { opacity:.7; cursor:not-allowed; }
.mv-spinner {
  display:inline-block; width:14px; height:14px; border:2px solid rgba(255,255,255,.3);
  border-top-color:#fff; border-radius:50%; animation:mvSpin .7s linear infinite;
}
@keyframes mvSpin { to{transform:rotate(360deg);} }

/* ═══ ERROR BOX ═══ */
.mv-error-box {
  display:flex; align-items:center; gap:12px; padding:14px 18px;
  background:#fff0f0; border:2px solid #fcd0d0; border-radius:12px;
  color:var(--red); font-weight:500; margin-bottom:20px;
  animation:mvSlide .3s ease both;
}
.mv-error-ico { font-size:1.4rem; }
#mv-error-close { margin-left:auto; background:none; border:none; color:var(--red); cursor:pointer; font-size:1.1rem; }

/* ═══ RESULT HERO ═══ */
@keyframes mvSlide { from{opacity:0;transform:translateY(16px);} to{opacity:1;transform:translateY(0);} }

.mv-result-hero {
  border-radius:20px; overflow:hidden; margin-bottom:16px;
  box-shadow:var(--shadow); position:relative;
  animation:mvSlide .5s ease both;
}
.mv-rh-bg {
  position:absolute; inset:0;
  background:linear-gradient(135deg,#0a1d4a 0%,#0f2557 40%,#1a3c8f 100%);
}
.mv-rh-content {
  position:relative; z-index:1; display:flex; align-items:center; gap:24px;
  padding:28px 32px; flex-wrap:wrap;
}

/* Avatar */
.mv-rh-avatar-wrap { position:relative; flex-shrink:0; }
.mv-rh-avatar {
  width:74px; height:74px; border-radius:50%;
  background:linear-gradient(135deg,#2a5298,#0f2557);
  border:3px solid rgba(232,160,32,.6);
  color:#fff; font-size:1.6rem; font-weight:700;
  display:flex; align-items:center; justify-content:center; position:relative; z-index:1;
}
.mv-rh-avatar-glow {
  position:absolute; inset:-6px; border-radius:50%;
  background:radial-gradient(circle,rgba(232,160,32,.3),transparent 70%);
  animation:mvGlow 2s ease-in-out infinite;
}
@keyframes mvGlow { 0%,100%{opacity:.5;} 50%{opacity:1;} }
.mv-verified-ring {
  position:absolute; bottom:-4px; right:-4px;
  width:24px; height:24px; background:var(--green); border-radius:50%;
  border:2px solid #fff; color:#fff; font-size:.65rem; font-weight:700;
  display:flex; align-items:center; justify-content:center; z-index:2;
}

.mv-rh-info { flex:1; }
.mv-verified-tag {
  display:inline-block; background:rgba(26,122,64,.25); color:#5dbb88;
  border:1px solid rgba(93,187,136,.3); border-radius:20px;
  padding:3px 12px; font-size:.75rem; font-weight:700; letter-spacing:.04em; margin-bottom:8px;
}
.mv-rh-name { font-family:'Crimson Text',serif; font-size:1.8rem; font-weight:600; color:#fff; line-height:1.2; }
.mv-rh-course { color:rgba(255,255,255,.65); font-size:.9rem; margin-top:5px; }

/* Score ring */
.mv-rh-score-wrap { display:flex; flex-direction:column; align-items:center; gap:8px; flex-shrink:0; }
.mv-score-ring-svg { position:relative; display:flex; align-items:center; justify-content:center; }
.mv-score-center { position:absolute; text-align:center; }
.mv-score-num { display:block; color:#fff; font-size:1.1rem; font-weight:700; }
.mv-score-lbl { display:block; color:rgba(255,255,255,.55); font-size:.65rem; text-transform:uppercase; letter-spacing:.06em; }
.mv-result-chip {
  padding:5px 18px; border-radius:20px; font-size:.85rem; font-weight:800;
  letter-spacing:.08em; border:2px solid;
}
.chip-pass { background:rgba(26,122,64,.25); color:#5dbb88; border-color:rgba(93,187,136,.4); }
.chip-fail { background:rgba(192,57,43,.25); color:#f07070; border-color:rgba(240,112,112,.4); }

/* ═══ INFO CARDS ROW ═══ */
.mv-info-cards {
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
  margin-bottom:14px; animation:mvSlide .5s .1s ease both;
}
.mv-ic {
  background:#fff; border:1px solid var(--border); border-radius:14px;
  padding:16px 18px; display:flex; align-items:center; gap:12px;
  box-shadow:var(--shadow2); transition:transform .2s,box-shadow .2s;
}
.mv-ic:hover { transform:translateY(-2px); box-shadow:var(--shadow); }
.mv-ic-icon { font-size:1.5rem; flex-shrink:0; }
.mv-ic-label { display:block; font-size:.7rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-bottom:3px; }
.mv-ic-val { display:block; font-size:.92rem; font-weight:600; color:var(--text); }

/* accent border colours */
.mv-ic-roll    { border-left:4px solid var(--blue); }
.mv-ic-reg     { border-left:4px solid var(--accent); }
.mv-ic-course  { border-left:4px solid var(--purple); }
.mv-ic-examyr  { border-left:4px solid var(--green); }
.mv-ic-univ    { border-left:4px solid #0891b2; }
.mv-ic-div     { border-left:4px solid var(--gold); }

/* ═══ STATS ROW ═══ */
.mv-stats-row {
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
  margin-bottom:14px; animation:mvSlide .5s .15s ease both;
}
.mv-stat-card {
  border-radius:14px; padding:18px 16px; text-align:center;
  box-shadow:var(--shadow2); border:1px solid var(--border);
  transition:transform .2s;
}
.mv-stat-card:hover { transform:translateY(-2px); }
.mv-stat-total  { background:linear-gradient(135deg,#eff6ff,#dbeafe); border-color:#bfdbfe; }
.mv-stat-pct    { background:linear-gradient(135deg,#fefce8,#fef9c3); border-color:#fde68a; }
.mv-stat-subjects { background:linear-gradient(135deg,#f5f3ff,#ede9fe); border-color:#ddd6fe; }
.mv-stat-passed { background:linear-gradient(135deg,#f0fdf4,#dcfce7); border-color:#bbf7d0; }
.mv-stat-icon { font-size:1.6rem; margin-bottom:6px; }
.mv-stat-val { font-size:1.5rem; font-weight:800; color:var(--navy); margin-bottom:3px; }
.mv-stat-label { font-size:.72rem; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; }

/* ═══ MARKS TABLE ═══ */
.mv-table-card {
  background:#fff; border:1px solid var(--border); border-radius:16px;
  box-shadow:var(--shadow2); margin-bottom:14px; overflow:hidden;
  animation:mvSlide .5s .2s ease both;
}
.mv-tc-header { padding:20px 24px 14px; border-bottom:1px solid var(--border); }
.mv-tc-header h3 { font-size:1.05rem; font-weight:700; margin-bottom:10px; }
.mv-pills-wrap { display:flex; flex-wrap:wrap; gap:6px; }
.mv-pill { background:#eef2fb; border:1px solid #d0d9ef; border-radius:20px; padding:3px 10px; font-size:.73rem; color:var(--blue); }

.mv-table-scroll { overflow-x:auto; }
.mv-marks-table { width:100%; border-collapse:collapse; font-size:.88rem; }
.mv-marks-table th { background:var(--navy); color:#fff; padding:11px 14px; text-align:left; font-size:.78rem; font-weight:700; letter-spacing:.04em; white-space:nowrap; }
.mv-marks-table td { padding:11px 14px; border-bottom:1px solid #f0f4fb; vertical-align:middle; }
.mv-marks-table tbody tr { transition:background .15s; }
.mv-marks-table tbody tr:hover { background:#f5f8ff; }
.mv-marks-table tfoot .mv-tf-row td { background:#eef2fb; font-weight:700; border-top:2px solid var(--navy); }

.mv-code-tag { background:#e8edfb; color:var(--blue); padding:2px 8px; border-radius:5px; font-size:.78rem; font-weight:700; font-family:monospace; }
.mv-subject-name { font-weight:500; }
.mv-pass-badge { background:#d1fae5; color:var(--green); padding:2px 10px; border-radius:12px; font-size:.75rem; font-weight:700; }
.mv-fail-badge { background:#fee2e2; color:var(--red);   padding:2px 10px; border-radius:12px; font-size:.75rem; font-weight:700; }
.mv-grade-tag { background:#f3e8ff; color:var(--purple); padding:2px 9px; border-radius:12px; font-size:.78rem; font-weight:700; }

/* mini score bar */
.mv-bar-wrap { display:flex; align-items:center; gap:7px; }
.mv-bar { height:7px; width:55px; background:#e8ecf4; border-radius:10px; overflow:hidden; }
.mv-bar-fill { height:100%; border-radius:10px; transition:width 1.2s ease; }
.mv-bar-pct { font-size:.75rem; color:var(--muted); min-width:34px; }

/* ═══ DOWNLOAD CARD ═══ */
.mv-dl-card {
  background:#fff; border:1px solid var(--border); border-radius:16px;
  box-shadow:var(--shadow2); margin-bottom:16px; overflow:hidden;
  animation:mvSlide .5s .25s ease both;
}
.mv-dl-header { padding:20px 24px 12px; border-bottom:1px solid var(--border); }
.mv-dl-header h3 { font-size:1.05rem; font-weight:700; margin-bottom:4px; }
.mv-dl-header p { font-size:.85rem; color:var(--muted); }
.mv-dl-grid { padding:16px 20px 20px; display:flex; flex-direction:column; gap:12px; }
.mv-dl-item {
  display:flex; align-items:center; gap:16px; padding:16px 20px;
  border-radius:12px; border:2px solid var(--border);
  transition:transform .2s,box-shadow .2s; cursor:default;
}
.mv-dl-item:hover { transform:translateY(-2px); box-shadow:var(--shadow2); }
.mv-dl-marks   { background:linear-gradient(135deg,#eff6ff,#f8faff); border-color:#bfdbfe; }
.mv-dl-cert-gen { background:linear-gradient(135deg,#fdf4ff,#faf5ff); border-color:#e9d5ff; }
.mv-dl-orig-marks { background:linear-gradient(135deg,#f0fdf4,#f8fffc); border-color:#bbf7d0; }
.mv-dl-orig-cert { background:linear-gradient(135deg,#fff7ed,#fffbf0); border-color:#fed7aa; }
.mv-dl-thumb { font-size:2.2rem; flex-shrink:0; width:52px; text-align:center; }
.mv-dl-text { flex:1; display:flex; flex-direction:column; gap:3px; }
.mv-dl-text strong { font-size:.95rem; color:var(--text); }
.mv-dl-text span { font-size:.8rem; color:var(--muted); }
.mv-dl-btn {
  padding:10px 22px; border:none; border-radius:9px; cursor:pointer;
  font-family:inherit; font-size:.85rem; font-weight:700;
  transition:transform .15s,box-shadow .15s; text-decoration:none; white-space:nowrap;
  display:inline-flex; align-items:center; gap:6px;
}
.mv-dl-btn:hover { transform:translateY(-1px); box-shadow:0 4px 14px rgba(0,0,0,.15); }
.mv-dl-btn-marks    { background:linear-gradient(135deg,#1d4ed8,#2563eb); color:#fff; }
.mv-dl-btn-cert     { background:linear-gradient(135deg,#7c3aed,#9333ea); color:#fff; }
.mv-dl-btn-orig     { background:linear-gradient(135deg,#059669,#10b981); color:#fff; }
.mv-dl-btn-orig-cert { background:linear-gradient(135deg,#d97706,#f59e0b); color:#fff; }

/* Back button */
.mv-back-btn {
  padding:12px 32px; border-radius:10px; border:2px solid var(--border);
  background:#f8faff; color:var(--blue); font-family:inherit; font-size:.92rem;
  font-weight:600; cursor:pointer; transition:all .2s;
}
.mv-back-btn:hover { background:var(--blue); color:#fff; border-color:var(--blue); }

/* ═══ RESPONSIVE ═══ */
@media(max-width:720px){
  .mv-field-row      { grid-template-columns:1fr; }
  .mv-info-cards     { grid-template-columns:1fr 1fr; }
  .mv-stats-row      { grid-template-columns:1fr 1fr; }
  .mv-hero-content, .mv-form-body { padding:24px 20px; }
  .mv-rh-content     { padding:20px; gap:16px; }
  .mv-rh-score-wrap  { display:none; }
}
@media(max-width:480px){
  .mv-info-cards  { grid-template-columns:1fr; }
  .mv-stats-row   { grid-template-columns:1fr 1fr; }
  .mv-dl-item     { flex-direction:column; text-align:center; }
  .mv-dl-text     { align-items:center; }
}

/* ════════════════════════════════════════════
   TABS
════════════════════════════════════════════ */
.mv-tabs {
  display:flex; gap:0; margin-bottom:20px;
  background:#fff; border-radius:14px; padding:6px;
  box-shadow:var(--shadow2); border:1px solid var(--border);
  position:relative; overflow:hidden;
}
.mv-tab {
  flex:1; padding:14px 20px; border:none; background:transparent; cursor:pointer;
  font-family:inherit; font-size:.95rem; font-weight:600; color:var(--muted);
  border-radius:10px; display:flex; align-items:center; justify-content:center;
  gap:8px; transition:color .25s; position:relative; z-index:1;
}
.mv-tab-active { color:#fff; }
.mv-tab-active::before {
  content:''; position:absolute; inset:0; border-radius:10px;
  background:linear-gradient(135deg,var(--navy),var(--blue));
  z-index:-1;
}
#tab-certificate.mv-tab-active::before {
  background:linear-gradient(135deg,#5b21b6,#7c3aed);
}
.mv-tab-ico { font-size:1.1rem; }
@media(max-width:480px){ .mv-tab-text { display:none; } .mv-tab { padding:14px; } }

/* Certificate hero */
.mv-cert-hero-card { border-radius:20px; overflow:hidden; box-shadow:0 12px 60px rgba(91,33,182,.22); margin-bottom:24px; }
.mv-cert-hero-bg { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.mv-cert-hero-content { position:relative; z-index:2; background:linear-gradient(135deg,#3b0764 0%,#5b21b6 45%,#7c3aed 100%); padding:40px 40px 32px; text-align:center; }
.mv-cert-hero-title { font-family:'Crimson Text',serif; font-size:2.2rem; font-weight:600; color:#fff; margin-bottom:8px; }
.mv-cert-hero-sub { color:rgba(255,255,255,.75); font-size:.95rem; font-weight:300; line-height:1.5; margin-bottom:16px; }
.mv-chip-gold { background:rgba(232,160,32,.2); border-color:rgba(232,160,32,.4); }
.mv-cert-form-body { background:#fff; padding:32px 40px 36px; }
.mv-field-row-3 { grid-template-columns:1fr 1fr 1fr !important; }
@media(max-width:720px){ .mv-field-row-3 { grid-template-columns:1fr !important; } }
.mv-cert-verify-btn { background:linear-gradient(135deg,#5b21b6,#7c3aed) !important; }
.mv-cert-sparkle { position:absolute; left:var(--cx); top:var(--cy); font-size:1rem; color:rgba(232,160,32,.5); animation:mvSpark var(--cd) ease-in-out infinite alternate; }
@keyframes mvSpark { from{transform:scale(1) rotate(0deg);opacity:.4;} to{transform:scale(1.6) rotate(30deg);opacity:.9;} }
.mv-cert-medal-wrap { position:relative; width:80px; height:80px; margin:0 auto 20px; }
.mv-cert-medal { width:72px; height:72px; border-radius:50%; background:linear-gradient(135deg,#fbbf24,#f59e0b); display:flex; align-items:center; justify-content:center; border:3px solid rgba(255,255,255,.3); }
.mv-cert-medal-inner { font-size:2.2rem; }
.mv-opt { font-weight:400; opacity:.65; font-size:.85em; }

/* ════════════════════════════════════════════
   PASS SEAL — Certificate Result
════════════════════════════════════════════ */
.mv-pass-scene {
  background:linear-gradient(135deg,#0f2557 0%,#1a3c8f 50%,#2d5fc4 100%);
  border-radius:20px; padding:40px 32px 36px; text-align:center;
  margin-bottom:16px; overflow:hidden; position:relative;
  box-shadow:0 12px 60px rgba(15,37,87,.25);
  animation:mvSlide .5s ease both;
}
.mv-pass-bg-glow { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:400px; height:400px; border-radius:50%; background:radial-gradient(circle,rgba(232,160,32,.12),transparent 70%); pointer-events:none; }

.mv-pass-seal-wrap { position:relative; display:inline-block; margin-bottom:24px; }
.mv-pass-seal {
  width:160px; height:160px; border-radius:50%; margin:0 auto;
  display:flex; align-items:center; justify-content:center;
  position:relative; z-index:2;
  transition:transform .3s;
}
.mv-pass-seal:hover { transform:scale(1.05) rotate(3deg); }
.seal-pass .mv-seal-outer-ring { background:radial-gradient(135deg,#166534,#15803d); border:4px solid #4ade80; }
.seal-fail .mv-seal-outer-ring { background:radial-gradient(135deg,#991b1b,#dc2626); border:4px solid #f87171; }
.mv-seal-outer-ring {
  width:160px; height:160px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 0 6px rgba(255,255,255,.15),0 0 40px rgba(74,222,128,.4);
}
.seal-fail .mv-seal-outer-ring { box-shadow:0 0 0 6px rgba(255,255,255,.15),0 0 40px rgba(248,113,113,.4); }

.mv-seal-text-ring { position:absolute; inset:0; border-radius:50%; }
.mv-seal-arc-text { fill:rgba(255,255,255,.7); font-size:10px; font-family:helvetica,sans-serif; font-weight:bold; letter-spacing:1px; }
.mv-seal-inner { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.mv-seal-check { font-size:2.8rem; color:#fff; font-weight:900; line-height:1; animation:mvBounce .6s .5s ease both; }
@keyframes mvBounce { 0%{transform:scale(0);opacity:0;} 60%{transform:scale(1.3);} 100%{transform:scale(1);opacity:1;} }
.mv-seal-pass-text { color:#fff; font-size:.9rem; font-weight:900; letter-spacing:.18em; margin-top:2px; }
.mv-seal-stars { color:rgba(255,215,0,.8); font-size:.75rem; letter-spacing:4px; margin-top:2px; }

/* Pulse rings */
.mv-seal-pulse {
  position:absolute; top:50%; left:50%; border-radius:50%;
  border:2px solid rgba(74,222,128,.4); transform:translate(-50%,-50%);
  animation:mvRipple 2.5s ease-out infinite;
}
.seal-fail .mv-seal-pulse { border-color:rgba(248,113,113,.4); }
.mv-sp1 { width:180px; height:180px; animation-delay:0s; }
.mv-sp2 { width:210px; height:210px; animation-delay:.6s; }
.mv-sp3 { width:240px; height:240px; animation-delay:1.2s; }
@keyframes mvRipple { 0%{transform:translate(-50%,-50%) scale(.8);opacity:.8;} 100%{transform:translate(-50%,-50%) scale(1.4);opacity:0;} }

.mv-pass-info { position:relative; z-index:2; }
.mv-pass-name { font-family:'Crimson Text',serif; font-size:2rem; font-weight:600; color:#fff; margin-bottom:12px; }
.mv-pass-course-badge {
  display:inline-block; background:rgba(232,160,32,.2); border:1.5px solid rgba(232,160,32,.5);
  color:#fde68a; border-radius:30px; padding:7px 22px; font-size:.95rem; font-weight:700;
  margin-bottom:10px; letter-spacing:.02em;
}
.mv-pass-sub { color:rgba(255,255,255,.65); font-size:.88rem; }

/* Certificate detail cards */
.mv-cert-detail-cards {
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
  margin-bottom:14px; animation:mvSlide .5s .1s ease both;
}
.mv-cdc {
  background:#fff; border:1px solid var(--border); border-radius:12px;
  padding:16px 16px; display:flex; flex-direction:column; align-items:center;
  text-align:center; gap:6px; box-shadow:var(--shadow2);
}
.mv-cdc-icon { font-size:1.6rem; }
.mv-cdc-label { font-size:.7rem; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; }
.mv-cdc-val { font-size:.92rem; font-weight:700; color:var(--text); }

/* Certificate download section */
.mv-cert-dl-section {
  background:#fff; border:1px solid var(--border); border-radius:16px;
  padding:24px 28px; margin-bottom:16px; box-shadow:var(--shadow2);
  animation:mvSlide .5s .2s ease both;
}
.mv-cert-dl-title { font-size:1.05rem; font-weight:700; margin-bottom:16px; }
.mv-cert-dl-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }

.mv-cert-dl-big {
  border-radius:14px; padding:24px 20px; text-align:center;
  border:2px solid; position:relative; overflow:hidden;
  transition:transform .2s,box-shadow .2s; display:flex; flex-direction:column; align-items:center; gap:12px;
}
.mv-cert-dl-big:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
#mv-cert-gen-wrap { background:linear-gradient(135deg,#fdf4ff,#f5f3ff); border-color:#e9d5ff; }
.mv-cert-dl-original { background:linear-gradient(135deg,#fff7ed,#fffbeb); border-color:#fed7aa; }

.mv-cdl-ribbon {
  position:absolute; top:12px; right:-20px; background:#7c3aed; color:#fff;
  font-size:.65rem; font-weight:800; padding:3px 28px; transform:rotate(35deg);
  letter-spacing:.06em;
}
.mv-ribbon-gold { background:#d97706; }
.mv-cdl-icon { font-size:3rem; }
.mv-cdl-info { display:flex; flex-direction:column; gap:4px; }
.mv-cdl-info strong { font-size:1rem; color:var(--text); }
.mv-cdl-info span { font-size:.82rem; color:var(--muted); line-height:1.4; }

.mv-cdl-btn {
  width:100%; padding:13px 20px; border:none; border-radius:10px;
  font-family:inherit; font-size:.9rem; font-weight:700; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:8px;
  transition:transform .15s,box-shadow .15s; text-decoration:none;
}
.mv-cdl-btn:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.18); }
.mv-cdl-btn-primary { background:linear-gradient(135deg,#6d28d9,#7c3aed); color:#fff; }
.mv-cdl-btn-gold    { background:linear-gradient(135deg,#b45309,#d97706); color:#fff; }

@media(max-width:600px){
  .mv-cert-detail-cards { grid-template-columns:1fr 1fr; }
  .mv-cert-dl-grid { grid-template-columns:1fr; }
  .mv-cert-hero-content,.mv-cert-form-body { padding:24px 18px; }
  .mv-pass-name { font-size:1.5rem; }
  .mv-pass-seal,.mv-seal-outer-ring { width:130px; height:130px; }
  .mv-sp1{width:150px;height:150px;} .mv-sp2{width:175px;height:175px;} .mv-sp3{display:none;}
}