*{
box-sizing:border-box;
margin:0;
padding:0;
}


body{

font-family:'Inter',sans-serif;

background:#080808;

color:white;

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

overflow-x:hidden;

}


.background{

position:fixed;

inset:0;

background:
radial-gradient(circle at top,#ff6b0033,transparent 40%),
radial-gradient(circle at bottom,#ff007733,transparent 40%);

z-index:-1;

}



.landing{

width:100%;

max-width:430px;

padding:25px;

text-align:center;

}



.image-box{

position:relative;

border-radius:25px;

overflow:hidden;

box-shadow:0 15px 40px #000;

}



.image-box img{

width:100%;

height:250px;

object-fit:cover;

display:block;

}



.live{

position:absolute;

top:20px;

left:20px;

background:#ff2b2b;

padding:8px 15px;

border-radius:20px;

font-size:13px;

font-weight:700;

}


.live span{

display:inline-block;

width:8px;

height:8px;

background:white;

border-radius:50%;

margin-right:7px;

}



.content{

padding-top:25px;

}



h1{

font-size:38px;

font-weight:800;

}


h1 span{

color:#ff7a00;

}



h2{

font-size:22px;

margin-top:12px;

line-height:1.3;

}



p{

color:#bbb;

margin-top:12px;

font-size:15px;

line-height:1.5;

}



.online{

margin:22px 0;

background:#161616;

border:1px solid #333;

padding:14px;

border-radius:15px;

font-weight:600;

}



.button{

display:block;

background:linear-gradient(90deg,#ff7a00,#ff0066);

padding:18px;

border-radius:50px;

color:white;

text-decoration:none;

font-size:18px;

font-weight:800;

box-shadow:0 10px 30px #ff006655;

}



.benefits{

margin-top:25px;

display:flex;

flex-direction:column;

gap:10px;

}



.benefits div{

background:#111;

padding:12px;

border-radius:12px;

font-size:14px;

}



.age{

margin-top:25px;

font-size:12px;

color:#777;

}