:root {
    /* Warna dari logo Yayasan Mathla'ul Amien */
    --neon-yellow: #f7ec13;
    --neon-yellow-soft: #fbf066;
    --neon-blue: #1fa0e1;
    --neon-blue-soft: #6ec4ee;
    --neon-blue-deep: #178bc8;
    --bg-dark: #062235;
    --bg-panel: #0a2f4a;
    --bg-card: rgba(10, 47, 74, 0.88);
    --bg-card-hover: rgba(14, 58, 90, 0.95);
    --text: #f0f8ff;
    --text-muted: #9cc4dc;
    --text-on-yellow: #062235;
    --text-on-light: #062235;
    --border: rgba(31, 160, 225, 0.28);
    --border-yellow: rgba(247, 236, 19, 0.45);
    --glow-blue: 0 0 20px rgba(31, 160, 225, 0.38), 0 0 40px rgba(23, 139, 200, 0.16);
    --glow-yellow: 0 0 20px rgba(247, 236, 19, 0.34), 0 0 40px rgba(247, 236, 19, 0.12);
}

body {
    background:
        radial-gradient(ellipse 80% 50% at 20% -10%, rgba(31, 160, 225, 0.2), transparent 55%),
        radial-gradient(ellipse 60% 40% at 90% 10%, rgba(247, 236, 19, 0.1), transparent 50%),
        radial-gradient(ellipse 50% 30% at 50% 100%, rgba(23, 139, 200, 0.1), transparent 60%),
        linear-gradient(180deg, #041a2a 0%, #062235 50%, #031520 100%) !important;
}

body::before {
    background-image:
        linear-gradient(rgba(31, 160, 225, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(31, 160, 225, 0.035) 1px, transparent 1px);
}