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

    body{
      font-family: Arial, sans-serif;
      background:#0b1020 !important;
      color:#ffffff !important;
      line-height:1.6;
    }

    a{
      text-decoration:none;
    }

    img{
      max-width:100%;
    }

    .container{
      width:90%;
      max-width:1200px;
      margin:auto;
    }

    section{
      padding:90px 0;
    }

    .btn{
      display:inline-block;
      padding:16px 32px;
      background:#4f7cff;
      color:#fff;
      border-radius:10px;
      font-weight:bold;
      transition:.3s;
    }

    .btn:hover{
      background:#3f67db;
      transform:translateY(-2px);
    }

    /* HERO */

    .hero{
      position:relative;
      overflow:hidden;
      background:
      radial-gradient(circle at top left, rgba(79,124,255,.25), transparent 30%),
      radial-gradient(circle at bottom right, rgba(0,255,200,.12), transparent 25%),
      #0b1020;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
      min-height:100vh;
    }

    .hero-badge{
      display:inline-block;
      background:rgba(255,255,255,.08);
      padding:10px 18px;
      border-radius:999px;
      margin-bottom:25px;
      font-size:.9rem;
      border:1px solid rgba(255,255,255,.1);
    }

    .hero h1{
      font-size:4rem;
      line-height:1.1;
      margin-bottom:25px;
    }

    .hero p{
      color:#c7d0e0;
      font-size:1.15rem;
      margin-bottom:35px;
      max-width:600px;
    }

    .hero-buttons{
      display:flex;
      gap:20px;
      flex-wrap:wrap;
    }

    .btn-secondary{
      background:transparent;
      border:1px solid rgba(255,255,255,.2);
    }

    .btn-secondary:hover{
      background:rgba(255,255,255,.08);
    }

    .dashboard-card{
      background:#121933;
      border:1px solid rgba(255,255,255,.08);
      border-radius:24px;
      padding:30px;
      box-shadow:0 30px 80px rgba(0,0,0,.35);
    }

    .dashboard-top{
      display:flex;
      justify-content:space-between;
      margin-bottom:25px;
      align-items:center;
    }

    .dashboard-title{
      font-size:1.3rem;
      font-weight:bold;
    }

    .stat-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:20px;
      margin-bottom:25px;
    }

    .stat-box{
      background:#1a2345;
      padding:20px;
      border-radius:18px;
    }

    .stat-box h3{
      font-size:2rem;
      margin-bottom:10px;
    }

    .stat-box span{
      color:#b6c2df;
      font-size:.9rem;
    }

    .course-preview{
      background:#1a2345;
      border-radius:18px;
      padding:20px;
    }

    .course-item{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:14px 0;
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .course-item:last-child{
      border:none;
    }

    .course-tag{
      background:#4f7cff;
      padding:6px 12px;
      border-radius:999px;
      font-size:.8rem;
    }

    /* TRUST */

    .trust{
      background:#0f1630;
      border-top:1px solid rgba(255,255,255,.05);
      border-bottom:1px solid rgba(255,255,255,.05);
    }

    .trust-grid{
      display:grid;
      grid-template-columns:repeat(6,1fr);
      gap:25px;
      text-align:center;
    }

    .trust-item{
      padding:20px;
    }

    .trust-item h3{
      font-size:2rem;
      color:#4f7cff;
      margin-bottom:8px;
    }

    .trust-item p{
      color:#c4cee3;
      font-size:.95rem;
    }

    /* SECTION TITLES */

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

    .section-title h2{
      font-size:3rem;
      margin-bottom:15px;
    }

    .section-title p{
      color:#b8c3df;
      max-width:700px;
      margin:auto;
    }

    /* PROBLEM */

    .problem-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:40px;
    }

    .problem-card{
      background:#121933;
      border-radius:24px;
      padding:40px;
      border:1px solid rgba(255,255,255,.06);
    }

    .problem-card ul{
      margin-top:20px;
      padding-left:20px;
    }

    .problem-card li{
      margin-bottom:14px;
      color:#c3cee5;
    }

    /* FEATURES */

    .features-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:25px;
    }

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

    .feature-card:hover{
      transform:translateY(-6px);
      border-color:#4f7cff;
    }

    .feature-icon{
      font-size:2rem;
      margin-bottom:20px;
    }

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

    .feature-card p{
      color:#b8c3df;
    }

    /* LAUNCH */

    .timeline{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
    }

    .timeline-card{
      background:#121933;
      padding:30px;
      border-radius:24px;
      text-align:center;
      border:1px solid rgba(255,255,255,.06);
    }

    .timeline-day{
      width:70px;
      height:70px;
      margin:auto;
      border-radius:50%;
      background:#4f7cff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:1.4rem;
      font-weight:bold;
      margin-bottom:20px;
    }

    /* COMPARISON */

    table{
      width:100%;
      border-collapse:collapse;
      overflow:hidden;
      border-radius:24px;
    }

    th{
      background:#4f7cff;
      padding:20px;
      text-align:left;
    }

    td{
      padding:20px;
      background:#121933;
      border-bottom:1px solid rgba(255,255,255,.05);
    }

    /* ROI */

    .roi-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:25px;
    }

    .roi-card{
      background:#121933;
      border-radius:24px;
      padding:40px;
      text-align:center;
    }

    .roi-card h3{
      font-size:2.5rem;
      color:#4f7cff;
      margin-bottom:10px;
    }

    /* CTA */

    .cta{
      text-align:center;
      background:
      linear-gradient(135deg,#4f7cff 0%, #243c8d 100%);
    }

    .cta h2{
      font-size:3rem;
      margin-bottom:20px;
    }

    .cta p{
      max-width:700px;
      margin:0 auto 35px;
      color:#dfe7ff;
    }

    /* FAQ */

    .faq-item{
      background:#121933;
      margin-bottom:20px;
      border-radius:18px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.05);
    }

    .faq-question{
      padding:25px;
      cursor:pointer;
      font-weight:bold;
      position:relative;
    }

    .faq-question::after{
      content:"+";
      position:absolute;
      right:25px;
      top:50%;
      transform:translateY(-50%);
      font-size:1.5rem;
    }

    .faq-answer{
      max-height:0;
      overflow:hidden;
      transition:max-height .4s ease;
      padding:0 25px;
      color:#bfc8dc;
    }

    .faq-item.active .faq-answer{
      max-height:200px;
      padding:0 25px 25px;
    }

    .faq-item.active .faq-question::after{
      content:"−";
    }

    @media(max-width:992px){

      .hero-grid,
      .problem-grid,
      .features-grid,
      .timeline,
      .trust-grid,
      .roi-grid{
        grid-template-columns:1fr;
      }

      .hero{
        padding-top:60px;
      }

      .hero h1{
        font-size:2.8rem;
      }

      .section-title h2{
        font-size:2.2rem;
      }

      .hero-grid{
        min-height:auto;
      }
    }

    .form{
        position: fixed;
        top: 0;
        left: 0;
        padding: 0px;
        background-color: rgba(255,255,250,0.6);
        min-height: 100vh;
        min-width: 100vw;
        z-index: 9999;
        display: none;
        flex-direction: column;
        justify-content: center;
    }

    .form #plr_form{
        margin: auto;
        min-width: 520px;
        background-color: #0B1020;
        color: white;
        padding: 15px;
        border-radius: 15px;
    }

    .form #plr_form label{
        display: block;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .form #plr_form button{
        display: block;
        color: black;
        background-color: white;
        padding: 15px 25px;
        border: 0px;
        border-radius: 15px;
        font-size: 18px;
        font-weight: 600;
    }

    .form #plr_form button:hover{
        opacity: 0.6;
    }

    .form #plr_form input{
        padding: 10px;
        border: 0px;
        border-radius: 5px;
        margin-bottom: 10px;
        width: 100%;
        font-size: 16px;
    }

    #close_button{
        position: relative;
        max-width: 50px;
        height: 50px;
        top: 0;
        left: 0;
        background-color: red;
        color: white;
        border: 0px;
        font-weight: 800;
    }

    #close_button:hover{
        opacity: 0.6;
    }