/* ═══════════════════════════════════════════════════════════════
   AURORA THEME — Purple-Pink Gradient with Aurora Animations
   ═══════════════════════════════════════════════════════════════ */

/* ── Login / Register Page Overrides ── */
body {
    background: linear-gradient(135deg, #1a0533 0%, #2d1b69 30%, #4a1a6b 60%, #6b2171 100%) !important;
}
.bg-shape.shape-1 {
    background: radial-gradient(circle, #8b5cf6, #c084fc) !important;
    animation-duration: 25s !important;
}
.bg-shape.shape-2 {
    background: radial-gradient(circle, #ec4899, #f472b6) !important;
    animation-duration: 30s !important;
}
.bg-shape.shape-3 {
    background: radial-gradient(circle, #a855f7, #d946ef) !important;
    animation-duration: 22s !important;
}
.login-card {
    background: rgba(30, 15, 60, 0.65) !important;
    border: 1px solid rgba(168, 85, 247, 0.25) !important;
    box-shadow: 0 30px 70px -10px rgba(139, 92, 246, 0.35),
                inset 0 1px 1px rgba(255,255,255,0.08) !important;
}
.login-card:hover {
    box-shadow: 0 40px 80px -12px rgba(168, 85, 247, 0.45) !important;
}
.login-card h3 {
    color: #f3e8ff !important;
}
.login-card .sub-text {
    color: rgba(196, 181, 253, 0.85) !important;
    border-left-color: #a855f7 !important;
}
.form-control {
    background: rgba(30, 15, 60, 0.5) !important;
    border-color: rgba(168, 85, 247, 0.3) !important;
    color: #e9d5ff !important;
}
.form-control:focus {
    border-color: #a855f7 !important;
    background: rgba(30, 15, 60, 0.7) !important;
    box-shadow: 0 0 0 5px rgba(168, 85, 247, 0.15) !important;
    color: #fff !important;
}
.input-icon i {
    color: #a78bfa !important;
}
.input-icon .form-control:focus + i {
    color: #c084fc !important;
}
.btn-login {
    background: linear-gradient(135deg, #8b5cf6, #ec4899) !important;
    box-shadow: 0 10px 24px -8px rgba(139, 92, 246, 0.50) !important;
}
.btn-login:hover {
    background: linear-gradient(135deg, #7c3aed, #db2777) !important;
    box-shadow: 0 16px 32px -8px rgba(168, 85, 247, 0.60) !important;
}
.login-tabs {
    background: rgba(139, 92, 246, 0.15) !important;
}
.login-tabs button {
    color: rgba(196, 181, 253, 0.7) !important;
}
.login-tabs button.active {
    background: linear-gradient(135deg, #8b5cf6, #ec4899) !important;
    box-shadow: 0 8px 18px -6px rgba(139, 92, 246, 0.50) !important;
}
.register-link {
    color: #c084fc !important;
}
.register-link:hover {
    color: #f0abfc !important;
    border-bottom-color: #c084fc !important;
}
.alert {
    background: rgba(139, 92, 246, 0.15) !important;
    color: #e9d5ff !important;
}
.alert-danger {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #fca5a5 !important;
}
.alert-info-soft {
    background: rgba(139, 92, 246, 0.15) !important;
    color: #c4b5fd !important;
}
.footer-lock {
    color: rgba(167, 139, 250, 0.6) !important;
    border-top-color: rgba(139, 92, 246, 0.15) !important;
}
.footer-lock a {
    color: rgba(196, 181, 253, 0.7) !important;
}
.footer-lock a:hover {
    color: #c084fc !important;
}
.brand-icon {
    background: linear-gradient(135deg, #8b5cf6, #ec4899) !important;
    box-shadow: 0 12px 24px -8px rgba(139, 92, 246, 0.40) !important;
}

/* ── Register Page Overrides ── */
.marquee-bar {
    background: linear-gradient(90deg, #4a1d96, #8b5cf6) !important;
    border-bottom-color: #ec4899 !important;
}
.left-panel {
    background: linear-gradient(145deg, #1a0533, #4a1a6b) !important;
}
.left-panel h1 span {
    background: linear-gradient(135deg, #ec4899, #f472b6) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
.left-panel .feature-list i {
    color: #ec4899 !important;
}
.form-card {
    background: rgba(30, 15, 60, 0.85) !important;
    border-color: rgba(168, 85, 247, 0.2) !important;
}
.form-card h2 {
    color: #f3e8ff !important;
}
.form-card .subhead {
    color: rgba(196, 181, 253, 0.7) !important;
    border-left-color: #a855f7 !important;
}
.form-label {
    color: #c4b5fd !important;
}
.form-control, .form-select {
    background: rgba(30, 15, 60, 0.5) !important;
    border-color: rgba(168, 85, 247, 0.25) !important;
    color: #e9d5ff !important;
}
.form-control:focus, .form-select:focus {
    border-color: #a855f7 !important;
    box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.15) !important;
    background: rgba(30, 15, 60, 0.7) !important;
    color: #fff !important;
}
.btn-main {
    background: linear-gradient(135deg, #8b5cf6, #ec4899) !important;
    box-shadow: 0 8px 20px -6px rgba(139, 92, 246, 0.4) !important;
}
.btn-main:hover {
    background: linear-gradient(135deg, #7c3aed, #db2777) !important;
}
.right-panel {
    background: #1a0533 !important;
}
.auth-wrap {
    background: #1a0533 !important;
}
.badge-soft {
    background: rgba(139, 92, 246, 0.2) !important;
    color: #c084fc !important;
}
.login-link {
    color: #c084fc !important;
}
.login-link:hover {
    color: #f0abfc !important;
}

/* ── Dashboard Overrides ── */
body { background: #0f0520 !important; color: #e9d5ff !important; }
.sidebar {
    background: linear-gradient(180deg, #5b21b6, #9333ea) !important;
    box-shadow: 8px 0 30px rgba(139, 92, 246, 0.25) !important;
}
.nav-menu a.active {
    background: linear-gradient(90deg, rgba(236, 72, 153, 0.22), rgba(236, 72, 153, 0.06)) !important;
    box-shadow: inset 0 0 0 1px rgba(236, 72, 153, 0.35) !important;
}
.topbar {
    background: #1a0533 !important;
    border-bottom-color: rgba(139, 92, 246, 0.15) !important;
}
.welcome h5 { color: #f3e8ff !important; }
.welcome small { color: rgba(196, 181, 253, 0.6) !important; }
.card {
    background: rgba(30, 15, 60, 0.7) !important;
    border: 1px solid rgba(139, 92, 246, 0.12) !important;
    color: #e9d5ff !important;
}
.marquee-wrap {
    background: linear-gradient(90deg, #5b21b6, #9333ea) !important;
}
.wallet-pill {
    background: rgba(139, 92, 246, 0.2) !important;
    color: #c4b5fd !important;
    border-color: rgba(139, 92, 246, 0.3) !important;
}
.add-balance-btn {
    background: linear-gradient(135deg, #8b5cf6, #ec4899) !important;
    border-color: #8b5cf6 !important;
}