/* ===========================
   CORPORATE EVENTS PAGE
=========================== */


body{

    background:#050505;

    color:#fff;

    font-family:'Inter',sans-serif;

}



/* ===========================
   HERO
=========================== */


.corporate-hero{


    min-height:85vh;


    display:flex;

    justify-content:center;

    align-items:center;


    text-align:center;


    padding:100px 10% 60px;



    background:

    linear-gradient(
    rgba(5,5,5,.75),
    rgba(5,5,5,.88)
    ),

    url("../assets/corporate/hero.jpg");


    background-size:cover;

    background-position:center;


}



.hero-content{


    max-width:800px;


}



.hero-content span{


    color:#00f5d4;


    font-weight:600;


    letter-spacing:4px;


    text-transform:uppercase;


}



.hero-content h1{


    font-family:'Barlow Condensed',sans-serif;


    font-size:120px;


    line-height:1;



    text-shadow:


    0 0 15px #00f5d4,


    0 0 40px rgba(0,245,212,.6);


}




/* ===========================
   CORPORATE GALLERY
=========================== */


.corporate-gallery{


    padding:80px 8%;


}



.corporate-gallery h1{


    text-align:center;


    font-family:'Barlow Condensed';


    font-size:3.5rem;


    text-shadow:


    0 0 15px #00f5d4,


    0 0 35px rgba(0,245,212,.5);


}

.corporate-gallery h2{
    text-align:center;
    font-family:'Barlow Condensed',sans-serif;
    font-size:clamp(1.4rem, 4vw, 1.8rem);
    letter-spacing:1px;
    text-transform:uppercase;
    margin:8px 0 24px;
    color:#ddd;
}



.corporate-gallery p{


    text-align:center;


    color:#d5d5d5;


    font-size:1rem;


    margin:25px 0 30px;


}




.gallery{


    display:grid;


    grid-template-columns:repeat(3,1fr);


    gap:20px;


}



.gallery img{


    width:100%;


    height:280px;


    object-fit:cover;


    border-radius:20px;


    transition:.4s;


}



.gallery img:hover{


    transform:scale(1.05);



    box-shadow:


    0 0 25px rgba(0,245,212,.45),


    0 0 50px rgba(0,201,183,.25);


}





/* ===========================
   CORPORATE BENEFITS
=========================== */


.corporate-features{


    padding:90px 8%;


}



.corporate-features h2{


    text-align:center;


    font-family:'Barlow Condensed';


    font-size:3.5rem;


    margin-bottom:60px;


}



.corporate-grid{


    display:grid;


    grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));


    gap:30px;


}




.corporate-card{


    background:#081313;


    padding:40px;


    border-radius:20px;


    text-align:center;


    border:1px solid rgba(0,245,212,.3);


    transition:.35s;


}




.corporate-card:hover{


    transform:translateY(-8px);


    border-color:#00f5d4;


    box-shadow:


    0 0 25px rgba(0,245,212,.4);


}




.corporate-card i{


    font-size:3rem;


    color:#00f5d4;


    margin-bottom:20px;


}




.corporate-card h3{


    font-family:'Barlow Condensed';


    font-size:2rem;


    margin-bottom:15px;


}




.corporate-card p{


    color:#cfcfcf;


    line-height:1.8;


}





/* ===========================
   EVENT PACKAGES
=========================== */


.event-packages{


    padding:90px 8%;


    background:


    radial-gradient(circle,#062b29 0%,#050505 75%);


}



.event-packages h2{


    text-align:center;


    font-family:'Barlow Condensed';


    font-size:3.5rem;


    margin-bottom:50px;



    text-shadow:


    0 0 20px #00f5d4;


}




.event-grid{


    display:grid;


    grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));


    gap:30px;


}





.event-card{


    background:#0a1111;


    padding:40px;


    border-radius:20px;


    border:1px solid rgba(0,245,212,.3);


    transition:.35s;


}



.event-card:hover{


    transform:translateY(-10px);


    border-color:#00f5d4;


    box-shadow:


    0 0 30px rgba(0,245,212,.4);


}



.event-card h3{


    font-family:'Barlow Condensed';


    font-size:2.2rem;


    color:#00f5d4;


}



.event-card p{


    color:#ccc;


}



.event-card ul{


    color:#ddd;


    line-height:2;


}





/* ===========================
   CTA
=========================== */


.cta-section{


    text-align:center;


    padding:100px 8%;


    background:


    radial-gradient(circle,#062b29 0%,#050505 75%);


}



.cta-section h2{


    font-family:'Barlow Condensed';


    font-size:4rem;


}




.cta-section p{


    color:#ccc;


}




/* ===========================
   RESPONSIVE
=========================== */


@media(max-width:992px){


.gallery{


    grid-template-columns:repeat(2,1fr);


}


}



@media(max-width:768px){
    .corporate-gallery{
        padding:96px 16px 48px;
    }

    .corporate-gallery h1{
        font-size:clamp(1.8rem, 8vw, 2.4rem);
    }

    .corporate-gallery h2{
        font-size:clamp(1.2rem, 5vw, 1.5rem);
    }

    .corporate-gallery p{
        font-size:.95rem;
        line-height:1.65;
    }

    .gallery{
        grid-template-columns:1fr;
        gap:12px;
    }

    .corporate-features h2,
    .event-packages h2,
    .cta-section h2{
        font-size:clamp(1.8rem, 8vw, 2.4rem);
    }
}

@media (max-width:480px){
    .corporate-gallery{
        padding:88px 12px 40px;
    }
}