body {
    font-family:'Inter',sans-serif;
    background:#fafafa;
    color:#1a1a1a;
    margin:0;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}
.container {max-width:1240px;margin:0 auto;padding:0 16px;}
.header {background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,0.05);padding:12px 0;}
.header .container {display:flex;align-items:center;justify-content:space-between;}
.logo {
    display: flex;
    align-items: center;
    font-size: 1.75rem;
    font-weight: 800;
    color: #0066cc;
    text-decoration: none;
}
.logo img {
    width: 128px;
    height: 40px;
    margin-right: 10px;
}
.nav a {margin-left:32px;color:#0066cc;font-weight:600;text-decoration:none;}
.nav a:hover {text-decoration:underline;}
.section {padding:40px 0;}
h2 {text-align:center;font-size:2rem;font-weight:700;margin-bottom:24px;}
.table-wrapper {overflow-x:auto;padding-bottom:16px;}
.rates-table {width:100%;max-width:600px;border-collapse:collapse;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.05);border-radius:12px;overflow:hidden;margin:0 auto;}
.rates-table th {background:#0066cc;color:#fff;padding:8px;text-align:left;font-size:0.85rem;}
.rates-table td {padding:8px;text-align:left;border-bottom:1px solid #eee;font-size:0.85rem;}
.rates-table tr:hover {background:#f5f8ff;}
.rates-table .flag {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 12px;
    object-fit: contain;
}
.rates-table th:nth-child(3), .rates-table th:nth-child(4),
.rates-table td:nth-child(3), .rates-table td:nth-child(4) {width:80px;}
.rates-table th:nth-child(1) {width:160px;}
.rates-table th:nth-child(2) {width:60px;}
.footer {
    background:#1a1a1a;
    color:#aaa;
    padding:24px 0;
    text-align:center;
    font-size:0.9rem;
    margin-top:auto;
}