:root { 
            --bg: #0f0f0f; 
            --text: #ffffff; 
            --card: #1a1a1a; 
            --accent: #ffa600; 
        } 
        
        /*
        body.light { 
            --bg: #f5f5f5; 
            --text: #111; 
            --card: #ffffff; 
            --accent: #ffa600; 
        } 
        */

        body { 
            margin: 0; 
            font-family: "Inter", Arial, sans-serif; 
            background: var(--bg); 
            color: var(--text); 
            transition: background 0.3s, color 0.3s; 
        } 
 
        /* HEADER */ 
        header { 
            position: fixed; 
            top: 0; 
            width: 100%; 
            padding: 20px 30px; 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            z-index: 1000; 
            background: linear-gradient(#011540,transparent);
            backdrop-filter: blur(10px);
            color: #ffa600; 
            font-family: 'Verdana', 'AppleGothic', sans-serif;
        } 
 
        /*
        body.light header { 
            background: rgba(255,255,255,0.6); 
        } 
        */ 

        .logo { 
            font-size: 1.4rem; 
            font-weight: bold; 
            letter-spacing: 2px;
            padding-left: 40%;
        } 
 
        /* DARK/LIGHT TOGGLE 
        .theme-toggle { 
            cursor: pointer; 
            font-size: 1.3rem; 
            margin-right: 20px; 
        } 
        */ 
        
        /* POLICES */
        @font-face {
        font-family: JellykaDeliciousCake;
        src: url("./Fonts/Jellyka\ Delicious\ Cake.ttf");
        }

        @font-face {
        font-family: CardinalRegular;
        src: url("./Fonts/Cardinal.ttf");
    }


        /* BURGER */ 
        .burger { 
            width: 30px; 
            height: 22px; 
            display: flex; 
            flex-direction: column; 
            justify-content: space-between; 
            cursor: pointer; 
        } 
 
        .burger span { 
            height: 9px; 
            background: var(--text); 
            border-radius: 2px; 
            transition: 0.3s; 
        } 
 
        .burger.active span:nth-child(1) { 
            transform: translateY(9px) rotate(45deg);
        } 
        .burger.active span:nth-child(2) { 
            opacity: 0; 
        } 
        .burger.active span:nth-child(3) { 
            transform: translateY(-9px) rotate(-45deg); 
        } 
 
        /* MENU */ 
        nav { 
            position: fixed; 
            top: 0; 
            right: -100%; 
            width: 70%; 
            height: 100vh; 
            background: var(--card); 
            padding: 80px 30px; 
            transition: 0.4s ease; 
            display: flex; 
            flex-direction: column; 
            gap: 30px; 
        } 
 
        nav a { 
            color: var(--text); 
            text-decoration: none; 
            font-size: 1.3rem; 
            letter-spacing: 1px; 
        } 
 
        nav.open { 
            right: -100px; 
            padding-top: 20px;
        } 
 
        /* HERO */ 
        .hero { 
            height: 100vh; 
            display: flex; 
            flex-direction: column; 
            justify-content: center; 
            padding: 0 40px; 
            background: url('./img/1a-bis.jpg') center/cover no-repeat; 
            position: relative; 
        } 
 
        .hero::after { 
            content: ""; 
            position: absolute; 
            inset: 0; 
            background: rgba(0,0,0,0.55); 
            pointer-events: none; 
        } 
 
        .hero-content { 
            position: relative; 
            max-width: 500px; 
            z-index: 1; 
        } 
 
        .hero h1 { 
            font-size: 3rem; 
            margin-bottom: 20px; 
        } 

 
        .btn { 
            display: inline-block; 
            padding: 12px 25px; 
            background: var(--accent); 
            color: #fff; 
            border-radius: 4px; 
            text-decoration: none; 
            font-weight: bold; 
            transition: 0.3s; 
        } 
 
        .btn:hover { 
            opacity: 0.8; 
        } 
 
        /* SECTIONS */ 
        .section { 
            padding: 110px 40px;
            text-align: center; 
        } 
 
        /* FADE-IN ANIMATION 
        .fade-in { 
            opacity: 0; 
            transform: translateY(30px); 
            transition: 0.8s ease; 
        } 
 
        .fade-in.visible { 
            opacity: 1; 
            transform: translateY(0); 
        } 
 */ 
        /* NEWS */ 
        .news-grid { 
            margin-top: 40px; 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
            gap: 30px;
        } 
 
        .news-card { 
            background: var(--card); 
            padding: 20px; 
            border-radius: 10px; 
            transition: 0.3s; 
        } 
 
        .news-card:hover { 
            transform: translateY(-5px); 
        } 
 
        .news-card img { 
            width: 100%; 
            border-radius: 10px; 
            margin-bottom: 15px; 
        } 

        /* PAGENEWS */ 
        .pagenews { 
            height: 100vh; 
            display: flex; 
            flex-direction: column; 
            justify-content: center; 
            padding: 0 40px; 
            background: url('./img/1z (42).jpg') center/cover no-repeat;
            position: relative; 
        } 
 
        .pagenews::after { 
            content: ""; 
            position: absolute; 
            inset: 0; 
            background: rgba(0,0,0,0.6); 
            pointer-events: none; 
        } 
 
        .pagenews-title { 
            position: relative; 
            max-width: 80%; 
            z-index: 1;
            background-color: rgb(252, 252, 252,0.5);
            border-radius: 10px; 
            margin-bottom: 15px; 
            color: black;
        } 

        .pagenews-content { 
            position: relative; 
            max-width: 80%; 
            z-index: 1;
            background-color: rgb(252, 252, 252,0.5);
            border-radius: 10px; 
            margin-bottom: 15px; 
            color: black;
            padding: 10px;
        } 
 
        .pagenews h1 { 
            font-size: 3rem; 
            margin-bottom: 20px; 
        } 
 
        /* ALBUMS */ 
        .albums-grid { 
            margin-top: 40px; 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 
            gap: 25px; 
        } 
 
        .album img { 
            width: 100%; 
            border-radius: 10px; 
        } 

        /* GALERIE */ 
        .galerie-grid { 
            margin-top: 40px; 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 
            gap: 25px; 
        } 
 
        .galerie img { 
            width: 100%; 
            border-radius: 10px; 
        } 
 
        /* CONCERTS */ 
        .concerts-grid { 
            margin-top: 60px; 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
            gap: 30px; 
        } 
 
        .concert-card { 
            background: var(--card); 
            padding: 20px; 
            border-radius: 10px; 
            text-align: left; 
        } 
 
        .concert-card h3 { 
            margin: 0 0 10px 0; 
        } 
 
        .concert-card p { 
            margin: 5px 0; 
        } 
 
        footer { 
            padding: 20px; 
            text-align: center; 
            background: var(--card); 
            color: #aaa; 
            font-size: 0.9rem; 
        } 
 
        @media (min-width: 768px) { 
            nav { 
                width: 300px; 
            } 
        } 

/* MENU BURGER */
        /* Header & nav */
        header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;}
        .logo{font-weight:700}
        nav{display:flex;gap:16px}
        nav a{color:inherit;text-decoration:none}

        /* Burger styles */
        .burger{width:32px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
        .burger span{display:block;height:3px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
        .burger.active{transform: translate(-250px);}
        /* .burger.active span:nth-child(1){transform:translateY(9px) rotate(45deg) scale(1.4,1)}
        .burger.active span:nth-child(2){opacity:0}
        .burger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg) scale(1.4,1)}
*/
        /* Mobile nav */
        @media (max-width:800px){
            nav{position:fixed;top:0;right:0;height:100vh;width:260px;background:#0f0f0f;flex-direction:column;padding:80px 20px;transform:translateX(100%);transition:transform .25s ease;z-index:1200}
            nav.open{transform:translateX(0)}
        }