*{box-sizing:border-box}body,html{margin:0;padding:0}:root{--bg-main:#0b1220;--bg-surface:#0f172a;--bg-soft:#162235;--border-soft:#22314a;--border-strong:#2b3d59;--text-main:#e2e8f0;--text-soft:#94a3b8;--text-muted:#64748b;--text-strong:#f8fafc;--brand-gold:#f59e0b;--buy-main:#22c55e;--buy-hover:#16a34a;--sell-main:#ef4444;--sell-hover:#dc2626;--link-blue:#3b82f6}body{background:var(--bg-main);color:var(--text-main);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.page{min-height:100vh;padding:20px 14px 110px}.container{max-width:980px;margin:0 auto}.hero-card{background:linear-gradient(135deg,#112a88,#071a4f);color:#fff;border-radius:24px;padding:28px;margin-bottom:22px;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 18px 40px rgba(7,26,79,.3)}.hero-card h1{margin:0 0 12px;font-size:2.4rem;line-height:1.05;color:#fff}.hero-card p{line-height:1.7}.hero-slogan{margin:0 0 14px;font-size:14px;font-weight:700;color:#cbd5e1}.hero-copy-box{margin-top:14px;padding:16px;border-radius:16px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.18)}.hero-copy-box p{margin:0 0 12px}.hero-copy-box p:last-child{margin-bottom:0}.hero-small{color:#cbd5e1;font-size:.96rem}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:12px}.eyebrow-visible{display:inline-block;background:rgba(245,158,11,.1);color:var(--brand-gold);border:1px solid rgba(245,158,11,.2);padding:8px 12px;border-radius:999px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.stat-box{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:16px;min-height:88px}.stat-label{display:block;font-size:.9rem;color:#cbd5e1;margin-bottom:8px}.stat-box strong{font-size:1.85rem;line-height:1;color:#fff}.card,.market-header-card,.market-modal,.market-notice-card,.market-section-card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:18px;padding:20px;margin-bottom:16px;box-shadow:0 8px 25px rgba(0,0,0,.28)}.card-title,.market-modal-title,.market-section-title{color:var(--text-strong);font-size:1.6rem;font-weight:800;margin:0 0 8px}.card-subtitle,.market-modal-subtitle,.market-section-subtitle{color:var(--text-soft);line-height:1.7;margin:0}.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-card{background:hsla(0,0%,100%,.04);border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:16px}.info-card h3{margin:0 0 8px;font-size:1rem;color:#f8fafc}.info-card p{margin:0;font-size:.92rem;line-height:1.6;color:#94a3b8}.form-stack,.stack{display:grid;gap:12px}.top-space{margin-top:16px}.input-label{font-size:.82rem;font-weight:700;color:#cbd5e1;letter-spacing:.04em;text-transform:uppercase}.input,.market-input,.market-select{width:100%;margin-top:8px;padding:14px 16px;border-radius:14px;border:1px solid var(--border-soft);background:var(--bg-soft);color:var(--text-strong);font-size:.95rem;outline:none}.input::placeholder,.market-input::placeholder{color:var(--text-muted)}.helper-text{color:var(--text-soft);font-size:.95rem;margin-top:-2px}.btn{width:100%;border:none;border-radius:14px;padding:14px 16px;font-size:1rem;font-weight:700;cursor:pointer;transition:.2s ease}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--link-blue);color:#fff}.btn-primary:hover{background:#2563eb}.btn-success{background:var(--buy-main);border:1px solid var(--buy-main);color:#ecfdf5}.btn-success:hover{background:var(--buy-hover);border-color:var(--buy-hover)}.btn-dark{background:var(--bg-soft);color:#fff;border:1px solid var(--border-soft)}.btn-dark:hover{background:#1f2937}.btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--border-strong)}.btn-outline:hover{background:hsla(0,0%,100%,.04)}.message-success{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2)}.message-warn{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2)}.market-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.market-back{color:#f8fafc;font-size:1.4rem;font-weight:700}.market-tabs{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}.market-tab{background:transparent;border:none;color:#7f8a9c;font-size:1rem;font-weight:700}.market-tab-active{color:#f8fafc}.market-currency-pill{min-width:86px;text-align:center;color:#f8fafc;border:1px solid var(--border-strong);border-radius:14px;padding:10px 14px;font-weight:700;background:transparent}.market-side-switch{display:inline-grid;grid-template-columns:1fr 1fr;background:#1a2436;border-radius:18px;padding:4px;gap:4px;margin-bottom:18px}.market-switch-btn{border:none;background:transparent;color:#9aa4b2;font-weight:700;padding:12px 26px;border-radius:14px;font-size:1rem}.market-switch-btn.active{background:#eef2f7;color:#16202c}.market-filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.market-check-row{display:flex;align-items:center;gap:10px;margin-top:16px;color:#a7b1c2;font-weight:600}.market-offer-card,.offer-list{display:grid;gap:18px}.market-offer-card{grid-template-columns:minmax(0,1fr) 180px;padding:22px;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:24px;box-shadow:0 10px 24px rgba(0,0,0,.18)}.market-offer-left{min-width:0}.market-offer-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.market-avatar{width:36px;height:36px;border-radius:999px;background:#d9dde3;color:#3a4557;justify-content:center;flex-shrink:0}.market-avatar,.market-trader-name{display:flex;align-items:center;font-weight:700}.market-trader-name{flex-wrap:wrap;gap:8px;color:#f8fafc;font-size:1rem}.market-verified-badge{color:var(--brand-gold);font-size:.9rem;font-weight:700}.market-trader-meta{margin-top:6px;color:#97a4b7;font-size:.95rem;line-height:1.5}.market-trader-meta span{margin:0 4px;color:#6c788a}.market-rate{color:#fff;font-size:1.6rem;font-weight:800;line-height:1.1;margin-bottom:16px}.market-detail-line{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.market-detail-label{color:#8f9bad;font-size:.98rem}.market-detail-value{color:#f8fafc;font-size:1rem;font-weight:600}.market-detail-value.muted{color:#b5bfce;font-weight:500}.market-best-match{display:inline-flex;margin-top:12px;padding:7px 12px;border-radius:999px;background:rgba(240,185,11,.14);color:var(--brand-gold);font-size:.82rem;font-weight:700;border:1px solid rgba(240,185,11,.22)}.market-offer-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:14px}.market-speed{color:#98a5b7;font-size:.95rem}.market-action-btn{min-width:170px;width:100%;border:none;border-radius:12px;padding:14px 18px;font-weight:700;font-size:1rem;cursor:pointer;transition:.2s ease}.market-action-btn.buy{background:var(--buy-main);color:#f0fdf4;border:1px solid var(--buy-main);box-shadow:0 6px 16px rgba(34,197,94,.18)}.market-action-btn.buy:hover{background:var(--buy-hover);box-shadow:0 8px 18px rgba(34,197,94,.24)}.market-action-btn.sell{background:var(--sell-main);color:#fff5f5;border:1px solid var(--sell-main);box-shadow:0 6px 16px rgba(239,68,68,.18)}.market-action-btn.sell:hover{background:var(--sell-hover);box-shadow:0 8px 18px rgba(239,68,68,.24)}.market-modal-overlay{position:fixed;inset:0;background:rgba(10,15,25,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.market-modal{width:100%;max-width:560px;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:24px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.35);color:#f8fafc}.market-modal.small{max-width:480px}.market-modal-grid{margin-top:18px;display:grid;gap:10px;color:#d9e1ec;line-height:1.6}.market-credit-box{margin-top:18px;padding:15px 16px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--border-soft);color:#dbe3ee;line-height:1.6}.market-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;margin-top:18px;background:rgba(20,28,40,.96);border:1px solid var(--border-soft);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;border-radius:16px;color:var(--text-soft);font-weight:700;font-size:.85rem;gap:4px;transition:all .2s ease}.nav a.active{background:#232c3b;color:var(--brand-gold);border:1px solid var(--border-strong)}.nav a:not(.active):hover{background:hsla(0,0%,100%,.03);color:#d7deea}.nav svg{font-size:1.2rem}.nav a.active svg{color:var(--brand-gold)}.empty-state{color:var(--text-soft);line-height:1.7}@media (max-width:900px){.market-filter-row{grid-template-columns:1fr 1fr}.market-offer-card{grid-template-columns:1fr}.market-offer-right{align-items:flex-start}}@media (max-width:720px){.section-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width:640px){.page{padding:14px 12px 110px}.hero-card{padding:18px}.hero-card h1{font-size:2rem;line-height:1.1}.card,.market-header-card,.market-notice-card,.market-section-card{padding:18px;border-radius:18px}.card-title,.market-section-title{font-size:1.7rem}.card-subtitle,.market-section-subtitle{font-size:.95rem}.market-topbar{align-items:flex-start}.market-tabs{gap:10px;justify-content:flex-start;flex-wrap:wrap}.market-tab{font-size:.92rem}.market-currency-pill{min-width:auto;padding:9px 12px;font-size:.92rem}.market-side-switch{width:100%}.market-switch-btn{padding:11px 14px}.market-filter-row{grid-template-columns:1fr}.market-rate{font-size:1.45rem}.market-offer-card{grid-template-columns:1fr;border-radius:22px;padding:18px}.market-action-btn{min-width:150px;padding:13px 16px}.market-modal-actions{grid-template-columns:1fr}.nav{padding:10px;gap:8px;border-radius:22px}.nav a{min-height:52px;font-size:.82rem;border-radius:14px}}.market-currency-select{appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;min-width:96px;padding-right:34px}body,html{background-color:#0b1220}.button{width:100%;padding:14px 18px;border-radius:12px;border:none;font-weight:600;font-size:16px;cursor:pointer;background:linear-gradient(135deg,#00c853,#00e676);color:#0b0f1a;transition:all .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,200,83,.3)}.button:active{transform:scale(.98)}.swap-button{background:hsla(0,0%,100%,.05);border:1px solid #333;border-radius:10px;padding:6px 10px;color:#ccc;cursor:pointer;transition:all .2s ease}.swap-button:hover{background:hsla(0,0%,100%,.1);color:#fff;border-color:#555}.receive-amount{font-size:26px;font-weight:700;color:#00e676;margin-top:12px}