.hero-event{

padding:120px 8% 90px;

background:
linear-gradient(
135deg,
#0f172a,
#1d4ed8
);

position:relative;

overflow:hidden;

}


.hero-content{

max-width:900px;

margin:auto;

text-align:center;

position:relative;

z-index:2;

}


.hero-label{

display:inline-block;

padding:10px 20px;

border-radius:50px;

background:
rgba(255,255,255,.12);

backdrop-filter:blur(10px);

color:white;

font-size:13px;

font-weight:600;

letter-spacing:2px;

margin-bottom:30px;

}



.hero-content h1{

font-size:60px;

line-height:1.15;

color:white;

margin-bottom:25px;

font-weight:800;

}



.hero-content p{

max-width:720px;

margin:auto;

color:#dbeafe;

font-size:18px;

line-height:1.9;

margin-bottom:40px;

}



.hero-btn{

display:inline-block;

padding:16px 34px;

background:white;

color:#0f172a;

font-weight:700;

border-radius:100px;

text-decoration:none;

transition:.3s;

}


.hero-btn:hover{

background:#ff2020;

color:white;

transform:translateY(-4px);

}



@media(max-width:768px){

.hero-event{

padding:90px 6% 70px;

}


.hero-content h1{

font-size:38px;

}


.hero-content p{

font-size:16px;

line-height:1.8;

}

}