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

    html{
      scroll-behavior:smooth;
    }

    body{
      background:linear-gradient(180deg,#050b14,#0b1830,#08111f);
      color:#fff;
      overflow-x:hidden;
    }

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

    /* HEADER */
    header{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      z-index:999;
      background:rgba(8,17,31,0.92);
      backdrop-filter:blur(12px);
      border-bottom:1px solid rgba(255,255,255,0.08);
    }

    nav{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:14px 0;
    }

    .logo img{
    width: 160px;
    position: absolute;
    background-color: #ffffff;
    border-radius: 10px;
    margin-top: -45px;
    z-index: 999999;
}   

    .nav-links{
      transition:0.4s ease;
      display:flex;
      gap:30px;
      align-items:center;
    }

    .nav-links a{
      color:#fff;
      text-decoration:none;
      font-weight:500;
      transition:.3s;
    }

    .nav-links a:hover{
      color:white;
    }

    .btn{
      letter-spacing:0.5px;
      background:linear-gradient(135deg,#17c964,#f7c948);
      padding:12px 28px;
      border-radius:50px;
      text-decoration:none;
      color:#08111f;
      font-weight:700;
      display:inline-block;
      transition:.3s;
      box-shadow:0 12px 30px rgba(23,201,100,.18);
    }

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

    .pdf-btn{
    background: linear-gradient(135deg,#ff8c00,#f7c948);
    color:#08111f;
    font-weight:700;
    white-space:nowrap;
}

.pdf-btn:hover{
    transform:translateY(-4px);
}
@media(max-width:900px){

    .nav-links{
        gap:18px;
    }

    .pdf-btn,
    .nav-links .btn{
        width:90%;
        text-align:center;
    }

}
    .menu-toggle{
      display:none;
      font-size:30px;
      cursor:pointer;
    }

    /* HERO */
    .hero{
      border-bottom:1px solid rgba(255,255,255,0.06);
      position:relative;
      overflow:hidden;
      padding:170px 0 100px;
      background:radial-gradient(circle at top right,#14335d,#08111f 60%);
    }

    .hero::before{
      content:'';
      position:absolute;
      width:300px;
      height:300px;
      background:rgba(247,201,72,0.08);
      border-radius:50%;
      top:40px;
      right:80px;
      filter:blur(40px);
    }

    .hero::after{
      content:'';
      position:absolute;
      width:250px;
      height:250px;
      background:rgba(23,201,100,0.08);
      border-radius:50%;
      bottom:20px;
      left:50px;
      filter:blur(40px);
    }

    .hero-wrap{
      display:grid;
      grid-template-columns:1fr 1fr;
      align-items:center;
      gap:60px;
    }

    .hero-text h1{
      font-weight:800;
      text-shadow:0 8px 20px rgba(0,0,0,0.2);
      font-size:58px;
      line-height:1.2;
      margin-bottom:20px;
    }

    .hero-text h1 span{
      color:#f7c948;
    }

    .hero-text p{
      color:#d4d9e2;
      margin-bottom:30px;
      font-size:17px;
      line-height:1.8;
    }

    .hero-image img{
      width:100%;
      max-width:500px;
      animation:float 4s ease-in-out infinite;
    }
    .hero-image{
      position: relative;
    }

    .phonelogo{
        height: 100px!important;
        width: 100px!important;
        position: absolute;
        top: 50%;
        right:42%;
        transform: translate(-50%, -50%);
        z-index: 1;
        border-radius: 10px;
    }
    @keyframes float{
      0%{transform:translateY(0px);} 
      50%{transform:translateY(-18px);} 
      100%{transform:translateY(0px);} 
    }
.hero-wrap{
    position: relative;
    z-index: 10;
}

.hero-text{
    position: relative;
    z-index: 20;
}

.hero-text .btn{
    position: relative;
    z-index: 30;
}
    section{
      padding:90px 0;
    }

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

    .title h2{
      font-weight:800;
      background:linear-gradient(90deg,#ffffff,#f7c948);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      font-size:42px;
      margin-bottom:10px;
    }

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

    .box{
      background:linear-gradient(145deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03));
      box-shadow:0 20px 40px rgba(0,0,0,0.18);
      position:relative;
      background:rgba(255,255,255,0.05);
      border:1px solid rgba(255,255,255,0.08);
      border-radius:28px;
      padding:30px;
      transition:.4s;
      overflow:hidden;
    }

    .box::before{
      content:'';
      position:absolute;
      width:120px;
      height:120px;
      background:rgba(247,201,72,0.08);
      border-radius:50%;
      top:-40px;
      right:-40px;
    }

    .box:hover{
      transform:translateY(-10px);
      box-shadow:0 20px 40px rgba(0,0,0,.25);
    }

    .box h3{
      margin-bottom:12px;
      color:#f7c948;
    }

    .price{
      font-size:34px;
      font-weight:800;
      margin:15px 0;
      color:#17c964;
    }

    .cta{
      box-shadow:0 20px 50px rgba(0,0,0,0.25);
      text-align:center;
      background:linear-gradient(135deg,#0f2445,#102e57);
      border-radius:30px;
      padding:70px 30px;
    }

    footer{
      margin-top:40px;
      background:#050b14;
      padding:60px 0 20px;
      border-top:1px solid rgba(255,255,255,0.08);
    }

    .footer-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
      gap:30px;
      margin-bottom:30px;
    }

    .footer-logo img{
      width:180px;
      margin-bottom:15px;
    }

    .footer-links a{
      display:block;
      color:#ccc;
      text-decoration:none;
      margin-bottom:10px;
    }

    .copyright{
      text-align:center;
      padding-top:20px;
      border-top:1px solid rgba(255,255,255,0.08);
      color:#bbb;
    }

    /* MOBILE */
    @media(max-width:900px){
      nav{
        position:relative;
        margin-right: 25px;
      }

      .hero-wrap{
        grid-template-columns:1fr;
        text-align:center;
      }

      .hero-text h1{
        font-size:38px;
      }

      .menu-toggle{
        display:block;
      }

      .nav-links{
        position:absolute;
        top:80px;
        left:0;
        width:100%;
        background:rgba(8,17,31,0.98);
        backdrop-filter:blur(10px);
        flex-direction:column;
        align-items:center;
        gap:22px;
        padding:30px 0;
        border-top:1px solid rgba(255,255,255,0.08);
        max-height:0;
        overflow:hidden;
        opacity:0;
        visibility:hidden;
      }

      .nav-links.active{
        max-height:500px;
        opacity:1;
        visibility:visible;
        margin-top: -8px;
      }

    .logo img {
        width: 105px;
        height: 110px;
    }
        .hero-image{
      position: relative;
    }

    .phonelogo{
        height: 75px!important;
        width: 75px!important;
        position: absolute;
        top: 50%;
        right:33%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
        
    }

.footer-logo img {
    width: 150px;
    background-color: #ffffff;
    border-radius: 10px;
}