.result{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-left:4px solid #e30613;padding:25px;border-radius:8px;font-size:1.3rem;font-weight:600;color:#1e3a8a;text-align:center}.rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.rate-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e2e8f0;padding:25px;border-radius:10px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.rate-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#e30613 0%,#dc2626 100%)}.rate-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(30,58,138,.15);border-color:#e30613}.rate-card .currency{font-size:1.1rem;font-weight:700;color:#1e3a8a;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.rate-card .rate{font-size:1.8rem;font-weight:700;color:#e30613}.error{background:linear-gradient(135deg,#fef2f2 0%,#fecaca 100%);color:#dc2626;padding:20px;border-radius:8px;margin:20px 0;border-left:4px solid #dc2626;font-weight:500}.status-indicator{display:inline-block;width:8px;height:8px;background:#10b981;border-radius:50%;margin-right:8px;animation:pulse 2s infinite}@media (max-width:1024px){.rates-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}