.swap-page{min-height:100vh;align-items:flex-start;justify-content:center;padding:40px 24px;overflow:hidden}.swap-page,.swap-page__inner{display:flex;position:relative}.swap-page__inner{width:100%;max-width:560px;flex-direction:column;align-items:center;z-index:1}.swap-page__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);width:700px;height:700px;background:radial-gradient(ellipse at center,rgba(0,212,170,.1) 0,rgba(0,212,170,.04) 40%,transparent 65%);pointer-events:none;z-index:0}.swap-page__hero{text-align:center;margin-bottom:32px}.swap-page__headline{font-family:var(--font-display);font-size:36px;font-weight:800;letter-spacing:-.04em;color:var(--text-primary);line-height:1.1}.swap-page__tagline{font-size:15px;color:var(--text-muted);margin-top:10px;letter-spacing:-.01em}.swap-form{width:100%}.swap-form__header{display:none}.swap-form__card{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.07);border-radius:24px;padding:6px;display:flex;flex-direction:column;gap:2px;width:100%;box-shadow:0 12px 56px rgba(0,0,0,.55),inset 0 1px 0 hsla(0,0%,100%,.05)}.swap-form__side{background:var(--bg-panel);border:1.5px solid transparent;border-radius:20px;padding:14px 20px 16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;grid-row-gap:0;row-gap:0;transition:border-color .2s}.swap-form__side:focus-within{border-color:rgba(0,212,170,.2)}.swap-form__side-label{grid-column:1/-1;grid-row:1;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:10px}.swap-form__side-token{grid-column:1;grid-row:2;display:flex;align-items:center}.swap-form__side-amount{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end}.swap-form__side-usd{grid-column:2;grid-row:3;font-size:12px;color:var(--text-muted);text-align:right;margin-top:6px;white-space:nowrap}.input--amount::-webkit-inner-spin-button,.input--amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input--amount[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.swap-form__amount--output{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-secondary);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.swap-form__loading-dots{color:var(--text-muted);letter-spacing:3px}.swap-form__max{background:var(--accent-dim);color:var(--accent);margin-left:6px}.swap-form__max:hover{background:rgba(0,212,170,.18)}.swap-form__flip-wrap{display:flex;justify-content:center;margin:-8px 0;position:relative;z-index:1}.swap-form__flip{background:var(--bg-card);border:2.5px solid var(--bg-panel);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.swap-form__flip:hover{background:var(--bg-card-hover);color:var(--accent);transform:rotate(180deg)}.swap-form__quote{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;margin-top:2px}.swap-form__quote-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.swap-form__quote-row span:last-child{color:var(--text-primary);font-weight:500}.swap-form__quote-danger{color:var(--danger)!important}.swap-form__quote-route{font-size:11px;background:var(--accent-dim);color:var(--accent);padding:2px 8px;border-radius:20px}.swap-form__recipient{margin:0 8px 4px;display:flex;flex-direction:column;gap:6px}.swap-form__recipient-label{font-size:12px;color:var(--text-secondary);font-weight:500}.swap-form__recipient-input{background:var(--surface-secondary,#1a1d2e);border:1px solid var(--border,hsla(0,0%,100%,.1));border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:13px;font-family:monospace;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s}.swap-form__recipient-input:focus{border-color:var(--accent,#a3e635)}.swap-form__recipient-input--error{border-color:var(--error,#f87171)}.swap-form__recipient-error{font-size:11px;color:var(--error,#f87171)}.token-selector{position:relative}.token-selector__label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}@media (max-width:640px){.swap-page{padding-top:16px;padding-bottom:calc(68px + 16px + env(safe-area-inset-bottom, 0px))}}