/* Final account transparency overrides.
   Loaded after all account page styles so the global star video can show through. */

body:has(.account-container),
body:has(.account-container) .main-content,
body:has(.account-container) .account-container,
body:has(.account-container) .account-box,
body:has(.account-container) .account-dashboard-layout,
body:has(.account-container) .account-dashboard-main,
body:has(.account-container) .account-profile-overview,
body:has(.account-container) .account-profile-side {
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body:has(.account-container) .account-profile-overview {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.040), rgba(255, 255, 255, 0.018)),
        rgba(4, 10, 16, 0.64) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
}

body:has(.account-container) .account-profile-side {
    background: transparent !important;
}

body:has(.account-container) .account-hero {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.14) 45%, rgba(0, 0, 0, 0.03)),
        radial-gradient(circle at 72% 46%, rgba(3, 125, 156, 0.38), transparent 36%),
        linear-gradient(180deg, rgba(3, 125, 156, 0.32), rgba(4, 22, 32, 0.62)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body:has(.account-container) .account-hero::before {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.30), rgba(3, 125, 156, 0.10) 52%, transparent) !important;
}

body:has(.account-container) .account-bank-card-face {
    background:
        radial-gradient(circle at 86% 14%, rgba(6, 217, 255, 0.14), transparent 31%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
        linear-gradient(180deg, rgba(6, 171, 212, 0.14), rgba(0, 0, 0, 0.10)),
        rgba(15, 18, 22, 0.98) !important;
    box-shadow:
        0 18px 34px rgba(0, 0, 0, 0.26),
        0 0 18px rgba(3, 125, 156, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body:has(.account-container) .account-bank-card-face::before {
    opacity: 0.055 !important;
}