body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 20% 30%, rgba(168, 85, 247, 0.22), transparent 45%),
                radial-gradient(circle at 70% 20%, rgba(251, 146, 60, 0.18), transparent 50%),
                radial-gradient(circle at 50% 90%, rgba(59, 130, 246, 0.12), transparent 55%);
    z-index: -1;
}

.site-header {
    border-bottom: 1px solid rgba(251, 146, 60, 0.25);
    box-shadow: 0 12px 40px -18px rgba(251, 146, 60, 0.5);
}

.hero {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.85), rgba(251, 146, 60, 0.8));
    position: relative;
}

.hero::before {
    content: url('data:image/svg+xml,%3Csvg width="120" height="60" viewBox="0 0 120 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 45 C20 30 40 50 60 35 C80 20 100 40 120 25 L120 60 L0 60 Z" fill="rgba(19,1,26,0.6)"/%3E%3C/svg%3E');
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    opacity: 0.8;
}

.album-card {
    border: 1px solid rgba(251, 146, 60, 0.2);
    background: rgba(31, 16, 40, 0.9);
}

.site-footer {
    background: rgba(19, 1, 26, 0.85);
}

.media-card {
    background: rgba(31, 16, 40, 0.9);
    border: 1px solid rgba(168, 85, 247, 0.2);
}

.admin-primary {
    background: linear-gradient(135deg, #fb923c, #a855f7);
}

body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image: url('data:image/svg+xml,%3Csvg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="rgba(255,255,255,0.1)"%3E%3Cpath d="M40 120 Q60 110 80 120 Q90 110 100 120 Q120 110 140 120 Q130 140 110 145 Q100 160 80 150 Q60 160 50 145 Q20 140 40 120 Z"/%3E%3Ccircle cx="150" cy="50" r="8"/%3E%3Ccircle cx="30" cy="30" r="4"/%3E%3C/g%3E%3C/svg%3E');
    opacity: 0.45;
    mix-blend-mode: screen;
}

.bat-canvas {
    position: absolute;
    inset: 0;
    pointer-events: none;
    mix-blend-mode: screen;
}