.exchange-header{display:flex;align-items:center;justify-content:space-between;padding:14px max(18px,calc((100% - 1200px)/2));background:#071c31;color:#fff}.exchange-header nav{display:flex;gap:15px;align-items:center}.exchange-header a{color:inherit;text-decoration:none}.exchange-header button,.exchange-tools button,.primary{border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.exchange-page{max-width:1180px;margin:auto;padding:20px}.exchange-hero{padding:25px 0}.exchange-hero h1{margin:7px 0;color:#102b46}.exchange-hero span{color:#d74c31;font-weight:800}.rate-box,.exchange-tools,.listing-card,dialog form{background:#fff;border:1px solid #e4e9ef;border-radius:18px;padding:18px;box-shadow:0 6px 22px #17334b12}.rate-box{display:flex;gap:20px;justify-content:space-between}.rate-box h2{margin:0}.rate-box p{margin:5px 0;color:#627386}.rates{display:flex;flex-wrap:wrap;gap:9px;align-content:flex-start}.rate{background:#edf7f4;color:#126447;border-radius:10px;padding:9px;font-size:.85rem}.exchange-tools{display:flex;gap:10px;align-items:end;margin:18px 0;flex-wrap:wrap}.exchange-tools label{display:grid;gap:5px}.exchange-tools select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #cfd9e2;border-radius:10px;padding:10px;background:white}.primary{background:#e65035;color:#fff}.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.listing-card h3{margin:8px 0}.listing-card p{color:#53687d}.listing-meta{display:flex;justify-content:space-between;color:#64768a;font-size:.88rem}.listing-card button{width:100%;margin-top:10px}.buy{border-top:4px solid #2367a1}.sell{border-top:4px solid #ce593c}dialog{max-width:650px;width:calc(100% - 24px);border:0;border-radius:18px;padding:0}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{font-size:24px;border:0;background:transparent}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-grid label{display:grid;gap:5px;font-weight:700}.wide{grid-column:1/-1}.form-grid textarea{min-height:70px}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#102b46;color:#fff;padding:12px;border-radius:12px;opacity:0;pointer-events:none}.toast.show{opacity:1}@media(max-width:650px){.exchange-header{padding:12px}.exchange-header nav{gap:10px;font-size:.9rem}.rate-box{display:block}.form-grid{grid-template-columns:1fr}.exchange-page{padding:14px}.exchange-tools>*{flex:1}.exchange-tools button{flex-basis:45%}}