.landing-header{
  position:relative; z-index:2;
  display:flex; justify-content:space-between; align-items:center;
  padding:22px 40px;
  border-bottom:1px solid rgba(148,163,184,.1);
}
.landing-main{position:relative; z-index:2; max-width:1220px; margin:0 auto; padding:60px 32px 80px;}
.landing-hero{max-width:620px; margin-bottom:42px;}
.landing-hero h1{font-size:52px; font-weight:900; letter-spacing:-.05em; line-height:.95; margin:18px 0 0; color:#f8fafc;}
.landing-hero h1 span{background:linear-gradient(90deg,#8b5cf6,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent;}
.landing-hero p{margin-top:18px; color:#94a3b8; font-size:15px; line-height:1.7;}
.landing-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.landing-card{position:relative; padding:26px; border:1px solid rgba(148,163,184,.14); border-radius:20px; background:linear-gradient(145deg, rgba(18,27,49,.96), rgba(9,15,29,.96)); text-decoration:none; transition:.25s; display:flex; flex-direction:column;}
.landing-card:hover{transform:translateY(-5px); border-color:#60a5fa; box-shadow:0 20px 40px rgba(0,0,0,.3);}
.landing-card.active-card{border-color:rgba(59,130,246,.35); box-shadow:0 0 0 3px rgba(37,99,235,.1);}
.landing-card-icon{width:48px; height:48px; display:grid; place-items:center; border-radius:12px; font-size:22px; margin-bottom:18px;}
.landing-card-badge{position:absolute; top:18px; right:18px; padding:5px 9px; border-radius:999px; font-size:9px; font-weight:800; letter-spacing:.07em;}
.landing-card-badge.live{background:rgba(34,197,94,.12); color:#4ade80;}
.landing-card-badge.soon{background:rgba(148,163,184,.1); color:#94a3b8;}
.landing-card h3{color:#f8fafc; font-size:18px; margin:0 0 10px;}
.landing-card p{color:#7f8fa6; font-size:12.5px; line-height:1.7; flex:1;}
.landing-card-footer{margin-top:22px; padding-top:16px; border-top:1px solid rgba(148,163,184,.1); display:flex; justify-content:space-between; align-items:center; color:#60a5fa; font-size:12px; font-weight:700;}
.landing-card-footer small{color:#64748b; font-size:10px;}
@media(max-width:900px){.landing-cards{grid-template-columns:1fr;} .landing-header{padding:16px 20px;} .landing-main{padding:30px 20px 60px;} .landing-hero h1{font-size:34px;}}