.ba-verify-page {
    margin: 0;
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: 24px 16px;
    box-sizing: border-box;
    color: #182138;
    font: 16px/1.55 Inter, system-ui, sans-serif;
    background: radial-gradient(ellipse at 50% 0, #e8e5ff, transparent 61%), #f7f8fc;
    color-scheme: light;
}
.ba-verify-card {
    box-sizing: border-box;
    width: min(100%, 480px);
    padding: clamp(24px, 6vw, 48px);
    border: 1px solid #e0e4f3;
    border-radius: 24px;
    background: #fff;
    text-align: center;
    box-shadow: 0 24px 80px #31257918, 0 2px 8px #3125790d;
    overflow-wrap: anywhere;
}
.ba-verify-brand { color: #182138; font-size: 22px; font-weight: 800; letter-spacing: -.05em; text-decoration: none; }
.ba-verify-brand span { color: #4f3dde; }
.ba-verify-icon {
    display: grid;
    place-items: center;
    width: 68px;
    height: 68px;
    margin: 26px auto 20px;
    border-radius: 22px;
    color: white;
    background: linear-gradient(150deg,#7464ff,#4630d5);
    box-shadow: inset 0 2px 1px #ffffff65, 0 5px 0 #3b2aab, 0 12px 24px #5140cd45;
    font-size: 32px;
    font-weight: 800;
}
.ba-verify-card[data-state="verified"] .ba-verify-icon { background: linear-gradient(150deg,#22a67b,#12805c); box-shadow: 0 5px 0 #126348, 0 12px 24px #12805c40; }
.ba-verify-card[data-state="expired"] .ba-verify-icon { background: linear-gradient(150deg,#b46c20,#964816); box-shadow: 0 5px 0 #71380f; }
.ba-verify-card .ba-verify-label { margin: 0 0 8px; color: #5043bd; font-size: 11px; letter-spacing: .13em; font-weight: 800; }
.ba-verify-card h1 { margin: 0; font-size: clamp(24px, 6vw, 34px); line-height: 1.14; letter-spacing: -.035em; }
.ba-verify-card .ba-verify-description { margin: 15px 0 22px; color: #526079; }
.ba-verify-card .ba-verify-button, .ba-verify-card .ba-verify-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    box-sizing: border-box;
    border-radius: 11px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.ba-verify-card .ba-verify-button { width: 100%; color: #fff; background: #4f3dde; border: 1px solid #4f3dde; }
.ba-verify-card .ba-verify-button:hover { background: #4231c1; }
.ba-verify-card .ba-verify-link { margin-top: 8px; color: #4635bd; text-underline-offset: 3px; }
.ba-verify-card :focus-visible { outline: 2px solid #4f3dde; outline-offset: 4px; }
.ba-verify-card button:disabled { opacity: .55; cursor: default; }
.ba-verify-dots { display: inline-flex; gap: 8px; align-items: center; margin-block: 0 14px; min-height: 30px; }
.ba-verify-dots i {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: radial-gradient(circle at 34% 25%, #a899ff, #6450e7 55%, #4935b3);
    box-shadow: inset 0 1px 1px #ffffff75, 0 4px 6px #5242b43b;
    animation: ba-verify-bounce 1.25s ease-in-out infinite;
}
.ba-verify-dots i:nth-child(2) { animation-delay: .16s; }
.ba-verify-dots i:nth-child(3) { animation-delay: .32s; }
@keyframes ba-verify-bounce {
    0%, 65%, 100% { transform: translateY(0) scale(.88); }
    30% { transform: translateY(-9px) scale(1.08); }
}
@media (prefers-reduced-motion: reduce) {
    .ba-verify-dots i { animation: none; }
}