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

    body{
      font-family:'Inter',sans-serif;
      background:#070b14;
      color:white;
      overflow-x:hidden;
    }

    a{
      text-decoration:none;
      color:inherit;
    }

    .bg1{
      position:fixed;
      width:700px;
      height:700px;
      background:radial-gradient(circle, rgba(255,59,48,.20), transparent 70%);
      top:-250px;
      right:-150px;
      z-index:-1;
    }

    .bg2{
      position:fixed;
      width:600px;
      height:600px;
      background:radial-gradient(circle, rgba(0,153,255,.12), transparent 70%);
      bottom:-250px;
      left:-200px;
      z-index:-1;
    }

    header{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:24px 8%;
      position:sticky;
      top:0;
      backdrop-filter:blur(12px);
      background:rgba(7,11,20,.7);
      border-bottom:1px solid rgba(255,255,255,.06);
      z-index:999;
    }

    .logo{
      font-size:1.6rem;
      font-weight:800;
      letter-spacing:-1px;
    }

    .logo span{
      color:#ff3b30;
    }

    nav{
      display:flex;
      gap:32px;
      align-items:center;
    }

    nav a{
      color:rgba(255,255,255,.72);
      transition:.3s;
      font-size:.95rem;
    }

    nav a:hover{
      color:white;
    }

    .btn{
      background:linear-gradient(135deg,#ff3b30,#ff6a00);
      padding:14px 22px;
      border-radius:14px;
      font-weight:600;
      transition:.3s;
      box-shadow:0 10px 25px rgba(255,59,48,.25);
    }

    .btn:hover{
      transform:translateY(-2px);
    }

    .hero{
      min-height:100vh;
      display:grid;
      grid-template-columns:1.1fr .9fr;
      align-items:center;
      gap:70px;
      padding:80px 8%;
    }

    .tag{
      display:inline-block;
      padding:10px 16px;
      border-radius:999px;
      background:rgba(255,59,48,.12);
      border:1px solid rgba(255,59,48,.3);
      color:#ff8b84;
      margin-bottom:24px;
      font-size:.9rem;
    }

    .hero h1{
      font-size:clamp(3rem,7vw,6rem);
      line-height:.95;
      letter-spacing:-3px;
      margin-bottom:24px;
    }

    .hero h1 span{
      color:#ff3b30;
    }

    .hero p{
      color:rgba(255,255,255,.72);
      line-height:1.8;
      font-size:1.15rem;
      margin-bottom:36px;
      max-width:650px;
    }

    .hero-actions{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
    }

    .btn-outline{
      padding:14px 22px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.03);
    }

    .hero-card{
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.08);
      border-radius:30px;
      padding:28px;
      backdrop-filter:blur(12px);
      box-shadow:0 30px 80px rgba(0,0,0,.4);
    }

    .hero-card img{
      width:100%;
      border-radius:20px;
      margin-bottom:20px;
    }

    section{
      padding:100px 8%;
    }

    .section-title{
      text-align:center;
      margin-bottom:60px;
    }

    .section-title h2{
      font-size:clamp(2rem,5vw,4rem);
      letter-spacing:-2px;
      margin-bottom:16px;
    }

    .section-title p{
      color:rgba(255,255,255,.7);
      max-width:760px;
      margin:auto;
      line-height:1.8;
    }

    .grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:24px;
    }

    .card{
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
      border-radius:24px;
      padding:32px;
      transition:.35s;
    }

    .card:hover{
      transform:translateY(-5px);
      border-color:rgba(255,59,48,.35);
    }

    .card h3{
      margin-bottom:14px;
      font-size:1.3rem;
    }

    .card p{
      color:rgba(255,255,255,.7);
      line-height:1.7;
    }

    .stats{
      margin-top:70px;
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:24px;
    }

    .stat{
      text-align:center;
      padding:36px;
      border-radius:24px;
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    }

    .stat h3{
      font-size:3rem;
      color:#ff3b30;
      margin-bottom:10px;
    }

    .events{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      gap:24px;
    }

    .event{
      border-radius:24px;
      overflow:hidden;
      background:#101725;
      border:1px solid rgba(255,255,255,.06);
    }

    .event img{
      width:100%;
      height:220px;
      object-fit:cover;
    }

    .event-content{
      padding:24px;
    }

    .event-content h3{
      margin-bottom:12px;
    }

    .event-content p{
      color:rgba(255,255,255,.68);
      line-height:1.7;
    }

    .cta{
      background:linear-gradient(135deg, rgba(255,59,48,.18), rgba(255,106,0,.08));
      border:1px solid rgba(255,255,255,.08);
      border-radius:32px;
      text-align:center;
      padding:80px 40px;
    }

    .cta h2{
      font-size:clamp(2rem,5vw,4rem);
      margin-bottom:20px;
    }

    .cta p{
      color:rgba(255,255,255,.72);
      max-width:700px;
      margin:auto auto 32px;
      line-height:1.8;
    }

    footer{
      border-top:1px solid rgba(255,255,255,.08);
      padding:40px 8%;
      display:flex;
      justify-content:space-between;
      flex-wrap:wrap;
      gap:20px;
      color:rgba(255,255,255,.55);
    }

    @media(max-width:900px){

      .hero{
        grid-template-columns:1fr;
      }

      nav{
        display:none;
      }

    }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/css/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/css/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/css/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/css/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}