html { -webkit-tap-highlight-color: transparent; }

/* buttons */
.btn-primary {
    background: linear-gradient(135deg, #2b6bff, #0047e0);
    box-shadow: 0 6px 16px rgba(0, 82, 255, .26);
}

/* cards */
.card {
    box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
    animation: rise .32s ease both;
}
@keyframes rise { from { transform: translateY(8px); opacity: 0; } }

/* topbar */
.topbar { box-shadow: 0 1px 0 rgba(16, 24, 40, .04); }
.brand img, .brand svg { border-radius: 7px; }
.chain-badge { box-shadow: inset 0 0 0 1px rgba(0, 82, 255, .12); }

/* hero */
.hero { box-shadow: 0 14px 30px rgba(0, 82, 255, .3); }
.hero::before {
    content: ""; position: absolute; left: -40px; bottom: -70px;
    width: 180px; height: 180px; border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.18), transparent 70%);
}

/* metric pills */
.metric { background: #f8fafd; border-radius: 12px; padding: 10px 4px; }
.metric .v { font-size: 13px; }
.plan-row { transition: transform .12s, border-color .12s, background .12s; }
.plan-row:active { transform: scale(.985); }
.plan-row.selected { box-shadow: 0 6px 14px rgba(0, 82, 255, .12); }

/* tabbar glass */
.tabbar {
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(12px);
    box-shadow: 0 -6px 20px rgba(16, 24, 40, .06);
}

/* exchange logo marquee */
.logo-marquee {
    overflow: hidden; margin-top: 14px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.logo-track { display: flex; gap: 26px; width: max-content; animation: slide 16s ease-in-out infinite alternate; }
.logo-track img { height: 20px; opacity: .75; }
@keyframes slide { to { transform: translateX(-38%); } }

/* security card */
.sec-card { display: flex; align-items: center; gap: 14px; }
.sec-card .sec-ill { width: 96px; flex: none; }
.sec-card .sec-txt h3 { font-size: 14px; font-weight: 800; }
.sec-card .sec-txt p { font-size: 12px; color: var(--grey); line-height: 1.7; margin-top: 6px; }
.hint { font-size: 12px; color: var(--grey); line-height: 1.8; margin-top: 10px; }