.wallet-functions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}.wallet-function{position:relative;padding:23px 24px;border:1px solid #e1e6ee;border-radius:18px;background:linear-gradient(130deg,#fafbfd,#f4f6fa);overflow:hidden;transition:translate .25s,border-color .25s}.wallet-function:hover{translate:0 -3px;border-color:#adc0e8}.function-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#637fc2;background:#eaf0fd}.wallet-feature-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.function-order{position:absolute;right:23px;top:29px;font:11px var(--ui-font);letter-spacing:.08em;color:#9ca9bd}.wallet-function h3{font-size:17px;line-height:1.5;font-weight:500;margin-top:17px;letter-spacing:-.02em}.wallet-function p{font-size:14px;line-height:1.85;color:#77879d;margin-top:10px}.wallet-function:nth-child(2) .function-symbol{color:#5f937d;background:#e9f3ef}.wallet-function:nth-child(3) .function-symbol{color:#9176ac;background:#f1edf8}.wallet-function:nth-child(2) .wallet-feature-icon{animation:functionTransfer 4s ease-in-out infinite}.wallet-function:nth-child(3) .wallet-feature-icon{animation:functionConvert 8s ease-in-out infinite}.wallet-function:after{content:'';width:100px;height:100px;border:1px solid #869fce15;border-radius:50%;position:absolute;right:-44px;bottom:-40px;pointer-events:none}
.wallet-link-banner{display:flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid #e0e6f0;border-radius:19px;padding:28px 30px;margin-top:22px;background:#f7f9fc}.wallet-link-banner h3{font-size:23px;line-height:1.5;font-weight:500}.wallet-link-banner p{font-size:14px;line-height:1.85;color:#75859d;margin-top:11px;max-width:680px}.wallet-link-banner small{display:block;font-size:12px;line-height:1.8;color:#8d9bb0;margin-top:12px;max-width:740px}.wallet-link-route{display:flex;align-items:center;gap:13px;flex-shrink:0}.wallet-link-route>span{display:flex;align-items:center;gap:7px;font:600 12px var(--ui-font);color:#536784}.wallet-link-route>svg{width:22px;height:22px;color:#96a9cb;animation:functionConvert 8s ease-in-out infinite}.wallet-link-route>i{font-style:normal;color:#97a9c4}.wallet-link-route>b{font:italic 700 25px Arial;color:#334c7a}
.fees-section{border-top:1px solid #e5e9f0}.fees-section .section-heading{align-items:flex-end}.fees-section h2{font-weight:500;font-size:40px;line-height:1.3;letter-spacing:-.04em}.fees-section .section-heading>p{max-width:460px;font-size:15px;line-height:1.85}.fees-table-wrap{border:1px solid #dfe5ed;border-radius:19px;overflow:hidden}.fees-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px;line-height:1.8;text-align:left}.fees-table th,.fees-table td{padding:20px 24px;border-bottom:1px solid #e5e9f0;vertical-align:top;overflow-wrap:anywhere}.fees-table thead{background:#f2f5fa;color:#7b8ca5;font-size:12px}.fees-table thead th{font-weight:500;padding-top:14px;padding-bottom:14px}.fees-table th:first-child{width:25%}.fees-table th:nth-child(2){width:24%}.fees-table tbody th{font-weight:500;color:#2f405d}.fees-table td:last-child{color:#7a889e}.fees-table .fee-value{font-weight:500;color:#426198;font-size:15px}.fees-table tr:last-child>*{border-bottom:0}.fees-table tbody tr{background:#fdfefe;transition:background .2s}.fees-table tbody tr:hover{background:#f5f8fd}.fees-fine{font-size:12px;line-height:1.9;color:#8a99ad;margin-top:18px}
@keyframes functionTransfer{0%,100%{translate:0 0}50%{translate:3px 0}}@keyframes functionConvert{0%,40%,100%{rotate:0deg}60%,80%{rotate:180deg}}
@media(prefers-color-scheme:dark){.wallet-function{background:linear-gradient(130deg,#1c2431,#1a212c);border-color:#354155}.wallet-function h3{color:#e8eef9}.wallet-function p{color:#a8b6cc}.function-order{color:#8194b3}.function-symbol{background:#2b3b59;color:#b5caf6}.wallet-function:nth-child(2) .function-symbol{background:#263d36;color:#9ccab7}.wallet-function:nth-child(3) .function-symbol{background:#393047;color:#c7b6dc}.wallet-link-banner{background:#1c2431;border-color:#364359}.wallet-link-banner p{color:#acbad0}.wallet-link-banner small{color:#99abc7}.wallet-link-route>span,.wallet-link-route>b{color:#c1d3f4}.fees-section{border-color:#354155}.fees-table-wrap{border-color:#364259}.fees-table thead{background:#232e40;color:#a6b8d4}.fees-table tbody tr{background:#1a2230}.fees-table tbody tr:hover{background:#202d41}.fees-table th,.fees-table td{border-color:#344158}.fees-table tbody th{color:#e0e9f8}.fees-table td:last-child{color:#abbad1}.fees-table .fee-value{color:#bbcff2}.fees-fine{color:#a1b2cd}}
@media(max-width:1100px){.wallet-functions{gap:12px}.wallet-function{padding:20px}.wallet-function h3{font-size:16px}.wallet-function p{font-size:13px}.wallet-link-banner{display:block}.wallet-link-route{margin-top:22px}.fees-section h2{font-size:35px}.fees-table th,.fees-table td{padding:17px 18px}}
@media(max-width:760px){.wallet-functions{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.wallet-function{padding:21px 22px 22px}.wallet-function h3{font-size:18px;padding-right:0;margin-top:15px}.wallet-function p{font-size:14px;margin-top:8px}.function-order{right:23px;top:30px}.wallet-link-banner{padding:23px;border-radius:18px;gap:20px}.wallet-link-banner h3{font-size:23px}.wallet-link-banner p{font-size:14px}.wallet-link-banner small{font-size:12px}.wallet-link-route{gap:12px;flex-wrap:wrap}.wallet-link-route>span{font-size:12px}.fees-section h2{font-size:30px}.fees-section .section-heading{display:block}.fees-section .section-heading>p{font-size:14px;margin-top:17px}.fees-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.fees-table,.fees-table tbody{display:block}.fees-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.8fr);gap:9px 15px;padding:20px 21px;border-bottom:1px solid #e1e6ef}.fees-table th,.fees-table td{padding:0;border:0;width:auto!important;font-size:14px;line-height:1.8}.fees-table .fee-value{text-align:right;font-size:14px}.fees-table td:last-child{grid-column:1/-1;font-size:13px}.fees-table tr:last-child{border-bottom:0}.fees-fine{font-size:12px}.fees-table-wrap{border-radius:18px}}
@media(prefers-color-scheme:dark) and (max-width:760px){.fees-table tr{border-color:#344158}}
@media(prefers-reduced-motion:reduce){.wallet-function *,.wallet-link-route>svg{animation:none!important}.wallet-function{transition:none}}
