.markets-hero{background:linear-gradient(180deg,#0a1f3a,#112d52);color:#f4f6fa;padding:56px 0 40px}.markets-eyebrow{color:#8ab4f8;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.markets-hero h1{color:#fff;margin:8px 0 12px;font-size:clamp(36px,5vw,52px);font-family:Playfair Display,Georgia,serif}.markets-sub{color:#c5cdde;max-width:720px;line-height:1.6;margin:0;font-size:15px}.markets-meta{margin-top:22px;display:flex;align-items:center;gap:14px;font-size:13px}.markets-status{display:inline-flex;align-items:center;gap:8px;color:#c5cdde}.markets-status__dot{width:8px;height:8px;border-radius:50%;background:#6b7a96;transition:background .2s}.markets-status--live .markets-status__dot{background:#2ecf6f;box-shadow:0 0 #2ecf6fb3;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #2ecf6f8c}70%{box-shadow:0 0 0 8px #2ecf6f00}to{box-shadow:0 0 #2ecf6f00}}.markets-refresh-btn{appearance:none;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease;font-family:inherit}.markets-refresh-btn:hover:not(:disabled){background:#ffffff29}.markets-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.markets-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton-row{height:44px;background:linear-gradient(90deg,#f0f2f7,#e6e9f1,#f0f2f7);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.markets-group{margin-bottom:36px}.markets-group__head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 12px;gap:16px;flex-wrap:wrap;padding-bottom:8px;border-bottom:2px solid #0f1b2d}.markets-group__head h2{margin:0;font-size:18px;font-family:Inter,sans-serif;color:#0f1b2d;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.markets-group__source{font-size:11px;color:var(--c-text-soft);text-transform:uppercase;letter-spacing:.05em}.markets-group__source a{color:var(--c-text-soft);text-decoration:underline;text-underline-offset:2px}.markets-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e6eaf2;border-radius:6px}.markets-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px;background:#fff}.markets-table thead th{background:#f7f8fb;color:#5a6679;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:right;padding:10px 12px;border-bottom:1px solid #e6eaf2;white-space:nowrap}.markets-table thead th:first-child{text-align:left}.markets-table tbody td{padding:11px 12px;border-bottom:1px solid #f0f2f7;text-align:right;color:#0f1b2d;white-space:nowrap}.markets-table tbody tr:last-child td{border-bottom:none}.markets-table tbody tr{transition:background .1s}.markets-table tbody tr:hover{background:#fafbfd}.markets-table tbody td:first-child{text-align:left;font-weight:600}.markets-table .col-price{font-weight:700;font-size:15px}.markets-table .chg-up{color:#138a36;font-weight:600}.markets-table .chg-down{color:#b3261e;font-weight:600}.markets-table .chg-flat{color:var(--c-text-soft)}.markets-table .col-pct{display:inline-block;min-width:64px;padding:2px 8px;border-radius:4px;font-weight:600;text-align:right}.markets-table .col-pct.chg-up{background:#138a361a}.markets-table .col-pct.chg-down{background:#b3261e1a}.markets-table .col-source{font-size:11px;color:var(--c-text-soft)}.markets-table .col-source a{color:var(--c-text-soft)}.markets-table .col-na{color:#b8c5dc}.markets-error{background:#fff5f5;border:1px solid #f4c2c2;color:#8a1f1f;padding:12px 16px;border-radius:6px;font-size:14px;margin-top:16px}.markets-disclaimer{margin-top:32px;padding:14px 18px;background:#f7f8fb;border-left:3px solid #b8c5dc;color:var(--c-text-muted);font-size:13px;line-height:1.6;border-radius:4px}.markets-disclaimer a{color:var(--c-primary)}.flash-up{animation:flashUp .9s ease}.flash-down{animation:flashDown .9s ease}@keyframes flashUp{0%{background-color:#2ecf6f59}to{background-color:transparent}}@keyframes flashDown{0%{background-color:#ff5a5a59}to{background-color:transparent}}@media(max-width:600px){.markets-table thead th,.markets-table tbody td{padding:8px;font-size:13px}.markets-table .col-price{font-size:14px}}