/* Free MET Mock Test Page — MET navy/gold theme */
.met-cx{max-width:1200px;margin:0 auto;padding:0 5%}
.met-sec{padding:64px 0}
.met-sh{font-size:clamp(22px,3vw,36px);font-weight:900;color:#111;letter-spacing:-1.5px;line-height:1.15;margin-bottom:14px}
.met-stag{font-size:12px;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:8px}

.met-fu{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.met-fu.visible{opacity:1;transform:none}

.fi{width:100%;padding:10px 14px;border-radius:10px;border:1.5px solid #E5E7EB;font-family:inherit;font-size:14px;color:#111;outline:none;transition:.15s}
.fi:focus{border-color:#93C5FD}
.ff{margin-bottom:12px}
.fl{display:block;font-size:12px;font-weight:700;color:#374151;margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em}

.fwrap{border:1.5px solid #E5E7EB;border-radius:16px;overflow:hidden}
.fi-item{border-bottom:1px solid #E5E7EB}
.fi-item:last-child{border-bottom:none}
.fi-btn{width:100%;text-align:left;padding:14px 18px;font-size:14.5px;font-weight:700;color:#111;background:#fff;border:none;cursor:pointer;font-family:inherit;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:.15s}
.fi-btn:hover{background:#F8FAFF}
.fi-ic{font-style:normal;font-size:18px;color:#9CA3AF;flex-shrink:0;transition:.2s}
.fi-ans{display:none;padding:0 18px 14px;font-size:13.5px;color:#6B7280;line-height:1.75}
.fi-item.open .fi-ans{display:block}
.fi-item.open .fi-ic{transform:rotate(45deg);color:#003366}

.hero-met{background:#EFF6FF;position:relative;overflow:hidden;padding:56px 5% 48px;border-bottom:2px solid #BFDBFE}
.hm-tag{display:inline-flex;align-items:center;gap:8px;background:#DBEAFE;border:1px solid #BFDBFE;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:700;color:#1E3A5F;margin-bottom:16px}
.hm-h1{font-size:clamp(32px,4.2vw,58px);font-weight:900;color:#0F172A;letter-spacing:-2.5px;line-height:1.07;margin:0 0 14px}
.hm-em{background:linear-gradient(130deg,#003366 0%,#0284C7 55%,#FFCB05 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal}
.hm-sub{font-size:15px;color:#475569;line-height:1.75;max-width:500px;margin:0 0 20px}
.glance-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#fff;border:2px solid #BFDBFE;border-radius:16px;overflow:hidden;margin-bottom:22px}
.gs-item{padding:14px 10px;text-align:center;border-right:1px solid #EFF6FF}
.gs-item:last-child{border-right:none}
.gs-label{font-size:10px;font-weight:700;color:#94A3B8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.gs-val{font-size:12.5px;font-weight:800;color:#003366;line-height:1.3}
.feat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.fc{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #BFDBFE;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;color:#374151;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.fc strong{color:#003366}
.met-ctas{display:flex;gap:10px;flex-wrap:wrap}
.cta-met{background:#003366;color:#fff;font-weight:800;font-size:14.5px;border-radius:11px;padding:13px 26px;text-decoration:none;font-family:inherit;transition:.18s;white-space:nowrap;display:inline-block}
.cta-met:hover{background:#002147;transform:translateY(-2px)}
.cta-met-gold{background:#FFCB05;color:#111;font-weight:800;font-size:14.5px;border-radius:11px;padding:13px 24px;text-decoration:none;font-family:inherit;transition:.18s;white-space:nowrap;display:inline-block}
.cta-met-gold:hover{background:#E5B800;transform:translateY(-2px)}
.cta-wa-met{background:#25D366;color:#fff;font-weight:800;font-size:14.5px;border-radius:11px;padding:13px 18px;text-decoration:none;font-family:inherit;transition:.18s;display:inline-flex;align-items:center;gap:7px}
.cta-wa-met:hover{background:#1DA851;transform:translateY(-2px)}

.met-stats-strip{background:#003366}
.met-stats-inner{max-width:1200px;margin:0 auto;padding:0 5%;display:flex;align-items:stretch}
.met-stat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 12px;border-right:1px solid rgba(255,255,255,.1);text-align:center}
.met-stat:last-child{border-right:none}
.met-stat-n{font-size:24px;font-weight:900;color:#FFCB05;letter-spacing:-1px;line-height:1}
.met-stat-l{font-size:11px;color:rgba(255,255,255,.45);margin-top:4px;font-weight:600}

.hero-inner-met{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:44px;align-items:start;position:relative;z-index:2}
.hero-right-met{background:#fff;border:2px solid #BFDBFE;border-radius:20px;box-shadow:0 4px 24px rgba(0,51,102,.1);overflow:hidden}
.hrm-head{background:linear-gradient(135deg,#003366,#002147);padding:18px 22px}
.hrm-head-t{font-size:14.5px;font-weight:900;color:#fff;margin-bottom:3px}
.hrm-head-s{font-size:12px;color:rgba(255,255,255,.5)}

.test-card-met{border:2px solid #E5E7EB;border-radius:16px;padding:20px;transition:.2s;margin-bottom:14px}
.test-card-met:hover{border-color:#BFDBFE;box-shadow:0 6px 24px rgba(0,51,102,.08);transform:translateY(-2px)}
.test-card-met.featured{border-color:#003366;background:#EFF6FF}
.tc-badge-met{background:#003366;color:#fff;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:999px;display:inline-block;margin-bottom:10px}
.tc-name-met{font-size:16px;font-weight:900;color:#111;margin-bottom:5px}
.tc-sub-met{font-size:13px;color:#6B7280;margin-bottom:12px;line-height:1.55}
.tc-feats-met{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.tc-feat-met{font-size:12px;font-weight:700;color:#1E3A5F;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:6px;padding:3px 10px}

.sect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sect-card{background:#fff;border:1.5px solid #E5E7EB;border-radius:14px;padding:18px 20px;transition:.2s}
.sect-card:hover{border-color:#BFDBFE;background:#EFF6FF}
.sect-icon-bg{width:44px;height:44px;border-radius:10px;background:#EFF6FF;display:grid;place-items:center;font-size:20px;flex-shrink:0}

.task-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #F8FAFF}
.task-row:last-child{border-bottom:none}
.task-icon{width:36px;height:36px;border-radius:9px;background:#EFF6FF;display:grid;place-items:center;font-size:16px;flex-shrink:0}
.task-name{font-size:14px;font-weight:800;color:#111;margin-bottom:3px}
.task-desc{font-size:13px;color:#6B7280;line-height:1.55}

.score-table-met{width:100%;border-collapse:collapse;border:2px solid #BFDBFE;border-radius:16px;overflow:hidden}
.score-table-met th{background:#003366;color:#fff;padding:11px 14px;font-size:12px;font-weight:700;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}
.score-table-met td{padding:11px 14px;font-size:13.5px;border-bottom:1px solid #EFF6FF;color:#374151}
.score-table-met tr:last-child td{border-bottom:none}

.ssr-box{background:linear-gradient(135deg,#EFF6FF,#DBEAFE);border:2px solid #BFDBFE;border-radius:16px;padding:22px 24px}

.ai-answer{background:#EFF6FF;border:2px solid #BFDBFE;border-left:5px solid #003366;border-radius:12px;padding:16px 20px;font-size:14.5px;color:#111;line-height:1.78;margin:14px 0}
.ai-answer strong{color:#1E3A5F}
.quick-ans{background:linear-gradient(135deg,#EFF6FF,#DBEAFE);border:2px solid #BFDBFE;border-radius:12px;padding:12px 18px;font-size:14px;color:#1E3A5F;line-height:1.72;margin:14px 0}

.faq-direct{background:#fff;border:1.5px solid #E5E7EB;border-left:4px solid #003366;border-radius:12px;padding:16px 18px;margin-bottom:10px;transition:.15s}
.faq-direct:hover{background:#EFF6FF}
.faq-q{font-size:15px;font-weight:800;color:#111;margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}
.faq-q::before{content:'Q';background:#003366;color:#fff;font-size:11px;font-weight:900;padding:2px 7px;border-radius:5px;flex-shrink:0;margin-top:2px}
.faq-a{font-size:13.5px;color:#6B7280;line-height:1.75;padding-left:28px}

.warn-box{background:#FEF2F2;border:1.5px solid #FECACA;border-radius:12px;padding:14px 18px;font-size:14px;color:#991B1B;line-height:1.75;margin:12px 0}
.tip-box{background:#FFFBEB;border:1.5px solid #FDE68A;border-radius:12px;padding:14px 18px;font-size:14px;color:#92400E;line-height:1.75;margin:12px 0}
.info-box{background:#ECFDF5;border:1.5px solid #A7F3D0;border-radius:12px;padding:14px 18px;font-size:14px;color:#065F46;line-height:1.75;margin:12px 0}

.other-tests-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ot-link{background:#fff;border:1.5px solid #E5E7EB;border-radius:12px;padding:14px;text-decoration:none;display:block;transition:.18s;text-align:center}
.ot-link:hover{border-color:#BFDBFE;background:#EFF6FF;transform:translateY(-2px)}
.ot-icon{font-size:22px;margin-bottom:6px}
.ot-name{font-size:13px;font-weight:800;color:#003366}
.ot-sub{font-size:11px;color:#9CA3AF;margin-top:2px}

@media(max-width:1024px){
    .hero-inner-met{grid-template-columns:1fr}
    .sect-grid{grid-template-columns:1fr}
    .other-tests-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
    .hm-h1{font-size:32px;letter-spacing:-2px}
    .glance-strip{grid-template-columns:repeat(2,1fr)}
    .met-stats-inner{flex-wrap:wrap}
    .met-stat{min-width:50%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}
    .met-stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}
    .other-tests-grid{grid-template-columns:repeat(2,1fr)}
}