.currency-section{margin:40px 0}
.section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.section-head h2{margin:0;font-size:1.45rem;color:#163b5b}
.section-head p{margin:4px 0 0;color:#64748b}
.live{background:#ecfdf5;color:#15803d;padding:8px 16px;border-radius:30px;font-weight:700}
.currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.currency-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.25s}
.currency-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(0,0,0,.12)}
.flag-stack{display:flex;align-items:center;margin-bottom:18px}
.flag{width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.15);object-fit:cover}
.overlap{margin-left:-14px}
.pair{font-size:1.1rem;font-weight:700;color:#163b5b}
.pair-desc{font-size:.82rem;color:#64748b;margin-top:3px}
.rate{margin-top:18px;font-size:1.7rem;font-weight:800;color:#0f172a}
.trend{margin-top:18px;display:inline-block;padding:7px 14px;border-radius:30px;font-weight:700;font-size:.82rem}
.up{background:#dcfce7;color:#166534}
.down{background:#fee2e2;color:#b91c1c}
.same{background:#e2e8f0;color:#475569}
.footer-note{margin-top:24px;color:#64748b;font-size:.82rem}
@media(max-width:768px){
    .currency-grid{grid-template-columns:1fr}
    .section-head{align-items:flex-start}
    .rate{font-size:1.45rem}
    .flag{width:42px;height:42px}
}