:root{
      --dk-primary:#6d5fb2;
      --dk-primary-dark:#54469b;
      --dk-secondary:#167fc2;
      --dk-secondary-dark:#0f679f;
      --dk-dark:#10213b;
      --dk-deep:#152b49;
      --dk-text:#22324a;
      --dk-muted:#687790;
      --dk-border:#e2e8f1;
      --dk-soft:#f6f9fd;
      --dk-gradient:linear-gradient(135deg,#6d5fb2 0%,#4f79bc 42%,#167fc2 100%);
      --dk-gradient-dark:linear-gradient(135deg,#142643 0%,#15355d 100%);
      --dk-shadow-sm:0 10px 24px rgba(16,33,59,.08);
      --dk-shadow-md:0 20px 50px rgba(16,33,59,.12);
      --dk-shadow-lg:0 32px 90px rgba(16,33,59,.18);
      --dk-radius:1.2rem;
      --dk-radius-lg:1.6rem;
    }

    body{
      font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
      color:var(--dk-text);
      background:#fff;
      padding-top:92px;
    }

    a{
      text-decoration:none;
    }

    .navbar{
      background:rgba(255,255,255,.94)!important;
      border-bottom:1px solid rgba(226,232,241,.9);
      backdrop-filter:blur(14px);
      box-shadow:0 4px 18px rgba(16,33,59,.04);
    }

    .navbar-brand img{
      height:44px;
    }

    .nav-link{
      color:var(--dk-dark)!important;
      font-weight:700;
      padding:.85rem 1rem!important;
    }

    .nav-link:hover,
    .nav-link:focus{
      color:var(--dk-secondary)!important;
    }

    .btn{
      border-radius:999px;
      font-weight:800;
      padding:.85rem 1.25rem;
    }

    .btn-primary{
      background:var(--dk-gradient);
      border:none;
      box-shadow:0 12px 28px rgba(22,127,194,.22);
    }

    .btn-primary:hover{
      filter:brightness(.98);
    }

    .btn-outline-primary{
      color:var(--dk-secondary);
      border:1.5px solid rgba(22,127,194,.45);
    }

    .btn-outline-primary:hover{
      background:var(--dk-secondary);
      border-color:var(--dk-secondary);
      color:#fff;
    }

    .navbar .dropdown-menu{
      border:none;
      border-radius:1rem;
      box-shadow:var(--dk-shadow-md);
      padding:.8rem;
    }

    .navbar .dropdown-item{
      border-radius:.7rem;
      padding:.65rem .85rem;
      font-weight:600;
      color:var(--dk-text);
    }

    .navbar .dropdown-item:hover{
      background:var(--dk-soft);
      color:var(--dk-secondary);
    }

    .mega-menu{
      width:min(1100px, calc(100vw - 32px));
      left:50%!important;
      transform:translateX(-50%);
      padding:1.25rem!important;
      border-radius:1.25rem!important;
      box-shadow:var(--dk-shadow-lg)!important;
      border:1px solid var(--dk-border)!important;
    }

    .mega-title{
      font-size:.82rem;
      text-transform:uppercase;
      letter-spacing:.12em;
      font-weight:800;
      color:var(--dk-secondary);
      margin-bottom:.9rem;
    }

    .mega-list{
      list-style:none;
      padding:0;
      margin:0;
    }

    .mega-list li + li{
      margin-top:.35rem;
    }

    .mega-list a{
      display:block;
      padding:.55rem .7rem;
      border-radius:.7rem;
      color:var(--dk-text);
      font-weight:600;
    }

    .mega-list a:hover{
      background:var(--dk-soft);
      color:var(--dk-secondary);
    }

    .mega-feature{
      background:var(--dk-gradient);
      color:#fff;
      border-radius:1.25rem;
      padding:1.4rem;
      height:100%;
      box-shadow:var(--dk-shadow-md);
    }

    .mega-feature h5{
      font-weight:900;
      margin-bottom:.8rem;
    }

    .mega-feature p{
      opacity:.95;
      margin-bottom:1rem;
    }

    .mega-feature .btn{
      background:#fff;
      color:var(--dk-dark);
      border:none;
    }

    .placeholder-main{
      min-height:720px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:
        radial-gradient(circle at 10% 20%, rgba(109,95,178,.08), transparent 22%),
        radial-gradient(circle at 90% 10%, rgba(22,127,194,.08), transparent 20%),
        linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
    }

    .placeholder-box{
      width:min(1100px, 92%);
      min-height:420px;
      border:2px dashed rgba(104,119,144,.35);
      border-radius:1.5rem;
      background:#fff;
      box-shadow:var(--dk-shadow-sm);
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:2rem;
    }

    .placeholder-box h1{
      color:var(--dk-dark);
      font-weight:900;
      letter-spacing:-.03em;
    }

    .placeholder-box p{
      color:var(--dk-muted);
      max-width:640px;
      margin:1rem auto 0;
    }

    .prefooter{
      padding:4rem 0;
    }

    .prefooter-box{
      background:var(--dk-gradient);
      color:#fff;
      border-radius:1.75rem;
      padding:2.5rem;
      box-shadow:var(--dk-shadow-lg);
    }

    .prefooter-box h2{
      font-weight:900;
      letter-spacing:-.03em;
      margin-bottom:.8rem;
    }

    .footer{
      background:#0d1a2d;
      color:rgba(255,255,255,.78);
      padding:4rem 0 2rem;
    }

    .footer h5{
      color:#fff;
      font-weight:850;
      margin-bottom:1rem;
    }

    .footer p{
      color:rgba(255,255,255,.78);
    }

    .footer a{
      color:rgba(255,255,255,.78);
    }

    .footer a:hover{
      color:#fff;
    }

    .footer-logo{
      height:46px;
    }

    .footer-bottom{
      border-top:1px solid rgba(255,255,255,.12);
      margin-top:2rem;
      padding-top:1.2rem;
      font-size:.95rem;
    }

    @media (max-width: 991.98px){
      body{
        padding-top:82px;
      }

      .mega-menu{
        width:100%;
        transform:none;
        left:auto!important;
      }

      .placeholder-main{
        min-height:520px;
      }

      .placeholder-box{
        min-height:280px;
      }
    }