/* Final layout layer: contain decorative artwork without clipping interactive content. */
.account-link{color:#ddd;text-decoration:none;font-size:14px;white-space:nowrap;padding:10px 12px;border:1px solid #ffffff24;border-radius:11px;transition:background .2s}.account-link:hover{background:#ffffff0b}.site-header{gap:clamp(8px,1.6vw,22px)}.amount-card{min-width:0}.amount-card .token{max-width:53%}.selected-token-label{min-width:0}.amount-wrap{max-width:47%}.recipient-value strong,.order-id,.deposit-amount,.recipient-quote strong{overflow-wrap:anywhere}.recent-entry{min-width:0}.recent-order span{min-width:0}.recent-order strong,.recent-order small{overflow-wrap:anywhere}.feature-card{transition:transform .35s ease,border-color .35s ease}.feature-card:hover{transform:translateY(-4px);border-color:#ffffff30}.account-link,.recent-exchanges,.token,.sheet-action{transition:transform .2s ease,background .2s ease,border-color .2s ease}.token:active,.sheet-action:active{transform:scale(.98)}.order-page{animation:panel-arrive .4s ease both}.receive-amount{font-variant-numeric:tabular-nums}.feature-link>span{transition:transform .3s ease}.feature-link:hover>span{transform:translateX(4px)}@keyframes panel-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.site-header{max-width:1500px;margin:auto}.exchange-widget{max-width:620px}.discovery,.reference-footer{max-width:1440px;margin-left:auto;margin-right:auto}}
@media(max-width:1000px) and (min-width:701px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-overview{gap:28px}.footer-links{gap:24px}.deposit-main{gap:24px}.order-page{width:calc(100% - 48px);max-width:900px}}
@media(max-width:700px){.site-header .more,.site-header #global-search{display:none}.site-header{padding-left:16px;padding-right:16px;gap:8px}.site-header .compact{font-size:13px;padding:11px 12px}.account-link{padding:10px;font-size:13px}.amount-card .token{right:16px;font-size:17px;gap:5px;padding-right:10px}.amount-card .coin{width:31px;height:31px}.amount-card .token-logo{width:31px;height:31px}.amount-card .network{width:13px;height:13px}.amount-unit{right:16px}.fiat{font-size:13px;overflow-wrap:anywhere;max-width:58%}.order-page{width:calc(100% - 28px)}.order-heading{gap:12px;flex-wrap:wrap}.deposit-main{display:flex;flex-direction:column;align-items:stretch;gap:24px}.qr-placeholder{align-self:center}.order-bottom{gap:15px;flex-wrap:wrap}.progress-track{gap:6px}.progress-track li{font-size:11px;min-width:0}.recipient-quote strong{font-size:21px}.footer-links{flex-wrap:wrap}.email-content form{display:flex;flex-direction:column;gap:12px}.email-content input{min-width:0;width:100%}.recent-entry{gap:3px}.recent-order{padding-left:8px;padding-right:8px}.delete-recent{padding:12px 8px}.wallet-row{gap:10px}}
@media(max-width:380px){.site-header .compact{display:none}.site-header .brand{font-size:20px}.exchange-widget{width:calc(100% - 24px)}.amount-card{padding-left:14px}.amount-card .token{right:12px;font-size:15px;max-width:54%;min-height:42px}.amount-wrap .digits,.amount-wrap input{font-size:30px!important}.amount-card .receive-amount{font-size:30px}.token .selected-token-label small{font-size:10px}.hero-intro h1{font-size:32px}.network-filter{flex-wrap:wrap}.network-filter select{max-width:100%}#sheet{max-width:calc(100vw - 16px)}.sheet-header{gap:10px}.sheet-header h2{font-size:21px}.progress-track li{font-size:10px}.progress-track{padding-left:0}.recipient-input input{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.feature-card,.account-link,.recent-exchanges,.token,.sheet-action,.order-page,.feature-link>span{animation:none!important;transition:none!important}.feature-card:hover,.token:active,.sheet-action:active{transform:none}}
@media(max-width:440px){.buy-card{height:180px!important}.buy-card .receive-amount{width:100%;max-width:100%;font-size:32px!important}.buy-card .token{top:117px!important;right:14px;max-width:calc(100% - 28px)}.buy-card .fiat{display:none}.sell-card .amount-wrap{max-width:47%}.amount-card .token .selected-token-label{white-space:nowrap}}

.hero-intro h1{color:#fff}