.etft-currency-page{--navy:#102847;--teal:#0a9e96;--sky:#08aeea;--gold:#d7a64a;--line:#d8e4ee;--muted:#5e7182;width:min(1120px,calc(100% - 32px));margin:28px auto 72px;color:var(--navy);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.etft-currency-hero{padding:30px 28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f3fbff 100%);box-shadow:0 18px 46px rgba(13,35,64,.08)}
.etft-currency-hero>span{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-size:12px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}
.etft-currency-hero>span:before,.etft-currency-hero>span:after{content:"";width:22px;height:2px;background:var(--gold);border-radius:999px}
.etft-currency-hero h1{margin:10px 0 12px;font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-1.8px}
.etft-currency-hero p{max-width:820px;margin:0;color:var(--muted);font-size:18px;line-height:1.55}
.etft-currency-shell{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 42px rgba(13,35,64,.07)}
.etft-currency-grid{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:14px;align-items:end}
.etft-currency-field{display:grid;gap:8px}
.etft-currency-field label{font-size:13px;font-weight:900}
.etft-currency-input{display:grid;grid-template-columns:minmax(0,1fr) 155px;border:1px solid #ccd9e5;border-radius:14px;background:#fff;overflow:hidden}
.etft-currency-input input,.etft-currency-input select{min-width:0;border:0;background:#fff;color:var(--navy);font:inherit;outline:none}
.etft-currency-input input{padding:15px 14px;font-size:22px;font-weight:800}
.etft-currency-input select{padding:0 12px;border-left:1px solid #e3eaf0;font-weight:800}
.etft-currency-input:focus-within{border-color:var(--sky);box-shadow:0 0 0 3px rgba(8,174,234,.14)}
.etft-currency-swap{width:48px;height:48px;border:0;border-radius:50%;background:#eef8fb;color:var(--teal);font-size:24px;font-weight:900;cursor:pointer;transition:.15s}
.etft-currency-swap:hover{transform:rotate(180deg);background:#e2f5fa}
.etft-currency-result{margin-top:18px;padding:22px;border:1px solid rgba(10,158,150,.22);border-radius:16px;background:#effbf9}
.etft-currency-result small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.etft-currency-result strong{display:block;margin-top:5px;font-size:clamp(30px,5vw,48px);letter-spacing:-1.2px;color:#087c76}
.etft-currency-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:10px;color:var(--muted);font-size:13px}
.etft-currency-pairs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.etft-currency-pairs button{border:1px solid #dbe6ef;border-radius:999px;background:#fff;padding:8px 12px;color:var(--navy);font-weight:800;cursor:pointer}
.etft-currency-pairs button:hover{border-color:var(--sky);background:#f3fbff}
.etft-currency-note{margin-top:18px;padding:14px 16px;border:1px solid #dbe6ef;border-radius:12px;background:#fbfdff;color:var(--muted);line-height:1.55;font-size:14px}
.etft-currency-status.is-error{color:#b42318}
@media(max-width:760px){.etft-currency-page{width:min(1120px,calc(100% - 24px));margin-top:18px}.etft-currency-hero{padding:22px 16px}.etft-currency-shell{padding:16px}.etft-currency-grid{grid-template-columns:1fr}.etft-currency-swap{justify-self:center;transform:rotate(90deg)}.etft-currency-swap:hover{transform:rotate(270deg)}}
@media(max-width:480px){.etft-currency-input{grid-template-columns:minmax(0,1fr) 120px}.etft-currency-input input{font-size:18px;padding:13px 11px}.etft-currency-input select{padding:0 8px;font-size:13px}}