*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Outfit,sans-serif;
}

body{
background:
linear-gradient(
180deg,
#081120,
#0f172a,
#111827
);
color:white;
min-height:100vh;
padding:20px;
}

h1,h2{
font-size:32px;
font-weight:800;
margin-bottom:20px;
}

.live-page-header{
background:rgba(255,255,255,.06);
backdrop-filter:blur(20px);
padding:24px;
border-radius:24px;
margin-bottom:25px;
border:1px solid rgba(255,255,255,.08);
}

.live-page-header p{
opacity:.8;
margin-top:10px;
}

.start-live-link{
display:inline-block;
margin-top:20px;
padding:14px 22px;
border-radius:16px;
text-decoration:none;
color:white;
font-weight:700;

background:
linear-gradient(
135deg,
#2563eb,
#06b6d4
);
}

/* START LIVE FORM */

input,
textarea{
width:100%;
padding:18px;
margin-bottom:16px;
border:none;
border-radius:18px;
background:#1f2937;
color:white;
font-size:16px;
}

textarea{
height:140px;
resize:none;
}

#startLiveBtn{
width:100%;
padding:18px;
border:none;
border-radius:20px;
font-size:18px;
font-weight:700;
color:white;
cursor:pointer;

background:
linear-gradient(
135deg,
#2563eb,
#06b6d4
);

box-shadow:
0 15px 40px rgba(37,99,235,.4);
}

/* LIVE CARDS */

.live-card{
background:rgba(255,255,255,.06);
padding:20px;
border-radius:24px;
margin-bottom:20px;
border:1px solid rgba(255,255,255,.08);
}

.live-card h3{
margin:10px 0;
}

.live-card a{
display:inline-block;
margin-top:15px;
padding:12px 18px;
border-radius:14px;
background:#2563eb;
color:white;
text-decoration:none;
font-weight:700;
}

.live-badge{
display:inline-block;
padding:8px 12px;
border-radius:999px;
background:red;
font-size:12px;
font-weight:700;
}

/* RESPONSIVE */

@media(max-width:768px){

h1,h2{
font-size:28px;
}

}
.coming-soon-card{
background:rgba(255,255,255,.06);
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
padding:24px;
margin-bottom:25px;
}

.coming-soon-card h3{
font-size:26px;
margin-bottom:15px;
}

.coming-soon-card p{
line-height:1.6;
opacity:.9;
}

.coming-soon-card ul{
margin-top:15px;
margin-left:20px;
}

.coming-soon-card li{
margin-bottom:12px;
}

.coming-soon-footer{
margin-top:20px;
font-weight:700;
color:#38BDF8;
}