/**
 * Developed by: GrounnyDev.com
 * Premium themes: sakura, cosmic, matrix, peach, velvet
 */

/* ═══ UNLOCK ═══ */
.unlock-theme-sakura {
    --theme-glow: rgba(236, 72, 153, 0.4);
    background: linear-gradient(165deg, #fff1f2 0%, #fce7f3 40%, #fbcfe8 100%) !important;
    color: #831843 !important;
}
.unlock-theme-sakura .unlock-theme-bg .orb-a {
    position: absolute; border-radius: 50%; filter: blur(65px);
    animation: theme-glow-pulse 8s ease-in-out infinite;
}
.unlock-theme-sakura .unlock-theme-bg .orb-a:nth-child(1) { width: 280px; height: 280px; top: -40px; right: -20px; background: rgba(244, 114, 182, 0.45); }
.unlock-theme-sakura .unlock-theme-bg .orb-a:nth-child(2) { width: 220px; height: 220px; bottom: 0; left: -30px; background: rgba(251, 207, 232, 0.5); animation-delay: -3s; }
.unlock-theme-sakura .glass-card {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(244, 114, 182, 0.35);
    box-shadow: 0 12px 40px rgba(236, 72, 153, 0.15);
    animation: theme-card-float 5s ease-in-out infinite;
}
.unlock-theme-sakura .unlock-btn-primary,
.unlock-theme-sakura .unlock-btn-gradient {
    background: linear-gradient(135deg, #f9a8d4, #ec4899, #db2777);
    background-size: 200% auto;
    animation: theme-shimmer-slide 4s linear infinite, theme-btn-glow 2.5s ease-in-out infinite;
    border-radius: 9999px;
}
.unlock-theme-sakura .progress-bar-fill {
    background: linear-gradient(90deg, #f9a8d4, #ec4899, #fbcfe8);
    background-size: 200% 100%;
    animation: theme-shimmer-slide 3s linear infinite;
}

.unlock-theme-cosmic {
    --theme-glow: rgba(168, 85, 247, 0.5);
    background: radial-gradient(ellipse 90% 70% at 50% 0%, #312e81 0%, #0f0a1e 55%, #030014 100%) !important;
    color: #e9d5ff !important;
}
.unlock-theme-cosmic .unlock-theme-bg .orb-a {
    position: absolute; border-radius: 50%; filter: blur(75px);
    animation: theme-orb-drift 20s ease-in-out infinite;
}
.unlock-theme-cosmic .unlock-theme-bg .orb-a:nth-child(1) { width: 320px; height: 320px; top: -60px; left: 20%; background: rgba(168, 85, 247, 0.35); }
.unlock-theme-cosmic .unlock-theme-bg .orb-a:nth-child(2) { width: 260px; height: 260px; bottom: 5%; right: -40px; background: rgba(99, 102, 241, 0.3); animation-delay: -8s; }
.unlock-theme-cosmic .unlock-theme-bg .orb-a:nth-child(3) { width: 180px; height: 180px; top: 40%; right: 30%; background: rgba(236, 72, 153, 0.2); animation-delay: -4s; }
.unlock-theme-cosmic .glass-card {
    background: rgba(30, 20, 60, 0.75);
    border: 1px solid rgba(192, 132, 252, 0.35);
    box-shadow: 0 0 40px rgba(168, 85, 247, 0.2), inset 0 0 30px rgba(139, 92, 246, 0.08);
}
.unlock-theme-cosmic .unlock-btn-primary {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    animation: theme-btn-glow 2s ease-in-out infinite;
}
.unlock-theme-cosmic .unlock-btn-gradient {
    background: linear-gradient(135deg, #6366f1, #a855f7, #ec4899);
    background-size: 200% auto;
    animation: theme-shimmer-slide 3.5s linear infinite;
}
.unlock-theme-cosmic .progress-bar-fill {
    background: linear-gradient(90deg, #6366f1, #c084fc, #f0abfc);
    background-size: 200% 100%;
    animation: theme-shimmer-slide 2.5s linear infinite;
}

.unlock-theme-matrix {
    --theme-glow: rgba(34, 197, 94, 0.45);
    background: #020a04 !important;
    color: #bbf7d0 !important;
}
.unlock-theme-matrix .unlock-theme-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(34, 197, 94, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 197, 94, 0.07) 1px, transparent 1px);
    background-size: 28px 28px;
    animation: theme-orb-drift 30s linear infinite;
}
.unlock-theme-matrix .unlock-theme-bg .orb-a {
    position: absolute; width: 100%; height: 40%;
    top: 0; left: 0; border-radius: 0; filter: none;
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.15), transparent);
    animation: theme-matrix-scan 5s linear infinite;
}
.unlock-theme-matrix .glass-card {
    background: rgba(2, 20, 8, 0.92);
    border: 1px solid rgba(34, 197, 94, 0.4);
    box-shadow: 0 0 24px rgba(34, 197, 94, 0.15), inset 0 0 20px rgba(34, 197, 94, 0.05);
}
.unlock-theme-matrix .unlock-btn-primary,
.unlock-theme-matrix .unlock-btn-gradient {
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #052e16;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.5);
    animation: theme-btn-glow 2s ease-in-out infinite;
}
.unlock-theme-matrix .progress-bar-fill {
    background: #22c55e;
    box-shadow: 0 0 16px rgba(34, 197, 94, 0.7);
}

.unlock-theme-peach {
    --theme-glow: rgba(251, 146, 60, 0.4);
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 45%, #fed7aa 100%) !important;
    color: #9a3412 !important;
}
.unlock-theme-peach .unlock-theme-bg .orb-a {
    position: absolute; border-radius: 50%; filter: blur(55px);
    animation: theme-bubble-rise 10s ease-in-out infinite;
}
.unlock-theme-peach .unlock-theme-bg .orb-a:nth-child(1) { width: 200px; height: 200px; bottom: 10%; left: 15%; background: rgba(251, 146, 60, 0.4); animation-name: theme-glow-pulse; }
.unlock-theme-peach .unlock-theme-bg .orb-a:nth-child(2) { width: 160px; height: 160px; top: 20%; right: 10%; background: rgba(253, 186, 116, 0.45); animation-delay: -3s; animation-name: theme-glow-pulse; }
.unlock-theme-peach .glass-card {
    background: rgba(255, 255, 255, 0.88);
    border: 2px solid rgba(251, 146, 60, 0.25);
    border-radius: 1.75rem;
    box-shadow: 0 14px 36px rgba(251, 146, 60, 0.2);
}
.unlock-theme-peach .unlock-btn-primary,
.unlock-theme-peach .unlock-btn-gradient {
    background: linear-gradient(135deg, #fdba74, #fb923c, #ea580c);
    border-radius: 9999px;
    animation: theme-btn-glow 2.5s ease-in-out infinite;
}
.unlock-theme-peach .progress-bar-fill {
    background: linear-gradient(90deg, #fdba74, #fb923c);
    border-radius: 9999px;
}

.unlock-theme-velvet {
    --theme-glow: rgba(124, 58, 237, 0.45);
    background: linear-gradient(160deg, #1a0a2e 0%, #3b0764 50%, #1e1b4b 100%) !important;
    color: #f3e8ff !important;
}
.unlock-theme-velvet .unlock-theme-bg .orb-a {
    position: absolute; border-radius: 50%; filter: blur(70px);
    animation: theme-glow-pulse 10s ease-in-out infinite;
}
.unlock-theme-velvet .unlock-theme-bg .orb-a:nth-child(1) { width: 280px; height: 280px; top: -50px; right: 0; background: rgba(124, 58, 237, 0.35); }
.unlock-theme-velvet .unlock-theme-bg .orb-a:nth-child(2) { width: 200px; height: 200px; bottom: 10%; left: 5%; background: rgba(251, 191, 36, 0.15); animation-delay: -5s; }
.unlock-theme-velvet .glass-card {
    background: linear-gradient(145deg, rgba(59, 7, 100, 0.9), rgba(30, 27, 75, 0.8));
    border: 1px solid rgba(192, 132, 252, 0.4);
    position: relative;
    overflow: hidden;
}
.unlock-theme-velvet .glass-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 40%, rgba(251, 191, 36, 0.12) 50%, transparent 60%);
    animation: theme-velvet-shine 4s ease-in-out infinite;
    pointer-events: none;
}
.unlock-theme-velvet .unlock-btn-primary,
.unlock-theme-velvet .unlock-btn-gradient {
    background: linear-gradient(135deg, #c084fc, #7c3aed, #fbbf24);
    background-size: 200% auto;
    animation: theme-shimmer-slide 3s linear infinite;
    color: #1e1b4b;
    font-weight: 800;
}
.unlock-theme-velvet .progress-bar-fill {
    background: linear-gradient(90deg, #7c3aed, #fbbf24, #c084fc);
    background-size: 200% 100%;
    animation: theme-shimmer-slide 2s linear infinite;
}

/* ═══ HOME ═══ */
.home-theme-sakura { background: linear-gradient(165deg, #fff1f2, #fce7f3, #fbcfe8) !important; color: #831843 !important; }
.home-theme-sakura .home-card { background: rgba(255,255,255,0.85); border: 1px solid rgba(244,114,182,0.4); animation: theme-card-float 6s ease-in-out infinite; }
.home-theme-sakura .home-btn-primary { background: linear-gradient(135deg, #f9a8d4, #ec4899); border-radius: 9999px; animation: theme-btn-glow 2.5s ease-in-out infinite; }
.home-theme-sakura .home-logo-badge { background: linear-gradient(135deg, #ec4899, #db2777); }

.home-theme-cosmic { background: radial-gradient(ellipse at top, #312e81, #030014) !important; color: #e9d5ff !important; }
.home-theme-cosmic .home-card { background: rgba(30,20,60,0.85); border: 1px solid rgba(192,132,252,0.35); box-shadow: 0 0 30px rgba(168,85,247,0.2); }
.home-theme-cosmic .home-btn-primary { background: linear-gradient(135deg, #7c3aed, #a855f7); animation: theme-btn-glow 2s ease-in-out infinite; }
.home-theme-cosmic .home-logo-badge { background: linear-gradient(135deg, #6366f1, #a855f7); }

.home-theme-matrix { background: #020a04 !important; color: #bbf7d0 !important; }
.home-theme-matrix .home-theme-bg::before {
    content: ''; position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(rgba(34,197,94,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(34,197,94,0.06) 1px, transparent 1px);
    background-size: 24px 24px;
}
.home-theme-matrix .home-card { background: rgba(2,20,8,0.92); border: 1px solid rgba(34,197,94,0.4); }
.home-theme-matrix .home-btn-primary { background: #22c55e; color: #052e16; box-shadow: 0 0 20px rgba(34,197,94,0.45); }

.home-theme-peach { background: linear-gradient(180deg, #fff7ed, #fed7aa) !important; color: #9a3412 !important; }
.home-theme-peach .home-card { background: rgba(255,255,255,0.9); border: 2px solid rgba(251,146,60,0.3); border-radius: 1.75rem; }
.home-theme-peach .home-btn-primary { background: linear-gradient(135deg, #fdba74, #ea580c); border-radius: 9999px; }
.home-theme-peach .home-stat-card { animation: theme-card-float 7s ease-in-out infinite; }

.home-theme-velvet { background: linear-gradient(160deg, #1a0a2e, #3b0764) !important; color: #f3e8ff !important; }
.home-theme-velvet .home-card { background: rgba(59,7,100,0.88); border: 1px solid rgba(192,132,252,0.35); }
.home-theme-velvet .home-btn-primary { background: linear-gradient(135deg, #c084fc, #fbbf24); color: #1e1b4b; font-weight: 700; }

/* ═══ MAINTENANCE ═══ */
.maintenance-theme-sakura { background: linear-gradient(165deg, #fff1f2, #fbcfe8) !important; color: #831843 !important; }
.maintenance-theme-sakura .maintenance-card { background: rgba(255,255,255,0.9); border: 1px solid rgba(244,114,182,0.4); animation: theme-card-float 5s ease-in-out infinite; }
.maintenance-theme-sakura .maintenance-icon-wrap { background: linear-gradient(135deg, #f9a8d4, #ec4899); border-radius: 9999px; }
.maintenance-theme-sakura .maintenance-progress-bar { background: linear-gradient(90deg, #f9a8d4, #ec4899); background-size: 200% 100%; animation: theme-shimmer-slide 2.5s linear infinite; }

.maintenance-theme-cosmic { background: radial-gradient(ellipse at top, #312e81, #030014) !important; color: #e9d5ff !important; }
.maintenance-theme-cosmic .maintenance-card { background: rgba(30,20,60,0.92); border: 1px solid rgba(192,132,252,0.4); box-shadow: 0 0 50px rgba(168,85,247,0.25); }
.maintenance-theme-cosmic .maintenance-icon-wrap { background: linear-gradient(135deg, #6366f1, #ec4899); }
.maintenance-theme-cosmic .maintenance-progress-bar { background: linear-gradient(90deg, #6366f1, #c084fc); animation: theme-shimmer-slide 2s linear infinite; background-size: 200% 100%; }

.maintenance-theme-matrix { background: #020a04 !important; color: #86efac !important; }
.maintenance-theme-matrix .maintenance-theme-bg::before {
    content: ''; position: absolute; inset: 0;
    background-image: linear-gradient(rgba(34,197,94,0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(34,197,94,0.08) 1px, transparent 1px);
    background-size: 26px 26px;
}
.maintenance-theme-matrix .maintenance-card { border: 1px solid #22c55e; background: rgba(2,20,8,0.95); box-shadow: 0 0 30px rgba(34,197,94,0.2); }
.maintenance-theme-matrix .maintenance-icon-wrap { background: #22c55e; }
.maintenance-theme-matrix .maintenance-icon-wrap i { color: #052e16; }
.maintenance-theme-matrix .maintenance-progress-bar { background: #22c55e; box-shadow: 0 0 12px rgba(34,197,94,0.6); }

.maintenance-theme-peach { background: linear-gradient(180deg, #fff7ed, #ffedd5) !important; color: #9a3412 !important; }
.maintenance-theme-peach .maintenance-card { background: rgba(255,255,255,0.94); border: 2px solid rgba(253,186,116,0.5); border-radius: 2rem; }
.maintenance-theme-peach .maintenance-icon-wrap { background: linear-gradient(135deg, #fdba74, #fb923c); border-radius: 9999px; }

.maintenance-theme-velvet { background: linear-gradient(160deg, #1a0a2e, #4c1d95) !important; color: #f3e8ff !important; }
.maintenance-theme-velvet .maintenance-card { background: linear-gradient(145deg, rgba(59,7,100,0.95), rgba(30,27,75,0.85)); border: 1px solid rgba(251,191,36,0.35); }
.maintenance-theme-velvet .maintenance-icon-wrap { background: linear-gradient(135deg, #fbbf24, #7c3aed); }
.maintenance-theme-velvet .maintenance-progress-bar { background: linear-gradient(90deg, #7c3aed, #fbbf24); background-size: 200% 100%; animation: theme-shimmer-slide 2.5s linear infinite; }

/* Picker previews */
.unlock-theme-preview-sakura { background: linear-gradient(145deg, #fff1f2, #fbcfe8); }
.unlock-theme-preview-sakura .unlock-theme-picker-orbs { background: radial-gradient(circle at 60% 30%, rgba(236,72,153,0.45), transparent 55%); animation: theme-glow-pulse 4s ease-in-out infinite; }
.unlock-theme-preview-sakura .unlock-theme-picker-btn { background: linear-gradient(135deg, #f9a8d4, #ec4899); border-radius: 9999px; }

.unlock-theme-preview-cosmic { background: radial-gradient(circle at 50% 30%, #4c1d95, #030014); }
.unlock-theme-preview-cosmic .unlock-theme-picker-orbs { animation: theme-glow-pulse 3s ease-in-out infinite; background: radial-gradient(circle, rgba(168,85,247,0.5), transparent 60%); }
.unlock-theme-preview-cosmic .unlock-theme-picker-btn { background: linear-gradient(135deg, #6366f1, #ec4899); }

.unlock-theme-preview-matrix { background: #020a04; }
.unlock-theme-preview-matrix .unlock-theme-picker-orbs {
    background-image: linear-gradient(rgba(34,197,94,0.15) 1px, transparent 1px);
    background-size: 8px 8px;
}
.unlock-theme-preview-matrix .unlock-theme-picker-btn { background: #22c55e; box-shadow: 0 0 10px rgba(34,197,94,0.6); }

.unlock-theme-preview-peach { background: linear-gradient(180deg, #fff7ed, #fed7aa); }
.unlock-theme-preview-peach .unlock-theme-picker-orbs { background: radial-gradient(circle at 40% 60%, rgba(251,146,60,0.5), transparent 55%); }
.unlock-theme-preview-peach .unlock-theme-picker-btn { background: linear-gradient(135deg, #fdba74, #ea580c); border-radius: 9999px; }

.unlock-theme-preview-velvet { background: linear-gradient(165deg, #1a0a2e, #5b21b6); }
.unlock-theme-preview-velvet .unlock-theme-picker-orbs { background: radial-gradient(circle, rgba(251,191,36,0.25), transparent 50%); }
.unlock-theme-preview-velvet .unlock-theme-picker-btn { background: linear-gradient(135deg, #c084fc, #fbbf24); }

.home-theme-sakura .home-feature-card:hover,
.home-theme-cosmic .home-feature-card:hover,
.home-theme-peach .home-feature-card:hover { animation: theme-card-float 3s ease-in-out infinite; }

.maintenance-theme-sakura .maint-chip { background: rgba(244,114,182,0.2); color: #be185d; border-color: rgba(236,72,153,0.35); }
.maintenance-theme-cosmic .maint-chip { background: rgba(168,85,247,0.15); color: #e9d5ff; border-color: rgba(192,132,252,0.35); }
.maintenance-theme-matrix .maint-chip { background: rgba(34,197,94,0.12); color: #4ade80; border-color: rgba(34,197,94,0.35); }
.maintenance-theme-peach .maint-chip { background: rgba(251,146,60,0.2); color: #c2410c; border-color: rgba(253,186,116,0.45); }
.maintenance-theme-velvet .maint-chip { background: rgba(251,191,36,0.12); color: #fbbf24; border-color: rgba(192,132,252,0.35); }