*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Segoe UI',Arial,sans-serif;
  }
  
  html{
    scroll-behavior:smooth;
  }
  
  body{
    background:#f3f7ff;
    color:#102033;
  }
  
  .header{
    min-height:82px;
    padding:0 7%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:rgba(255,255,255,.95);
    backdrop-filter:blur(14px);
    box-shadow:0 10px 35px rgba(15,40,90,.08);
    position:sticky;
    top:0;
    z-index:50;
  }
  
  .brand{
    display:flex;
    align-items:center;
    gap:13px;
    text-decoration:none;
  }
  
  .brand-icon{
    width:52px;
    height:52px;
    border-radius:18px;
    background:linear-gradient(135deg,#063bff,#00c2ff);
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:27px;
    font-weight:900;
    box-shadow:0 12px 28px rgba(13,110,253,.28);
  }
  
  .brand strong{
    font-size:26px;
    color:#123c7c;
    display:block;
    line-height:1;
  }
  
  .brand span{
    font-size:12px;
    color:#667085;
  }
  
  .nav a{
    margin-left:22px;
    color:#344054;
    text-decoration:none;
    font-weight:800;
    font-size:14px;
  }
  
  .nav a:hover{
    color:#0d6efd;
  }
  
  .hero{
    min-height:760px;
    padding:72px 7%;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:58px;
    align-items:center;
    background:
      radial-gradient(circle at top left,rgba(255,255,255,.24),transparent 35%),
      linear-gradient(120deg,rgba(4,45,125,.98),rgba(0,163,225,.82)),
      url("https://images.unsplash.com/photo-1560520653-9e0e4c89eb11?auto=format&fit=crop&w=1600&q=80");
    background-size:cover;
    background-position:center;
  }
  
  .hero-text{
    color:white;
  }
  
  .pill{
    display:inline-block;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.35);
    padding:11px 18px;
    border-radius:999px;
    font-weight:900;
    margin-bottom:22px;
  }
  
  .hero h1{
    font-size:60px;
    line-height:1.05;
    margin-bottom:22px;
    letter-spacing:-1.6px;
  }
  
  .hero-sub{
    font-size:19px;
    line-height:1.7;
    max-width:690px;
    color:#eef6ff;
  }
  
  .trust-strip{
    margin-top:25px;
    display:flex;
    gap:12px;
    flex-wrap:wrap;
  }
  
  .trust-strip span{
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.25);
    color:white;
    padding:10px 14px;
    border-radius:999px;
    font-size:13px;
    font-weight:800;
  }
  
  .stats{
    display:flex;
    gap:18px;
    margin-top:30px;
    flex-wrap:wrap;
  }
  
  .stats div{
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(12px);
    padding:18px 22px;
    border-radius:20px;
    min-width:135px;
  }
  
  .stats b{
    display:block;
    font-size:25px;
  }
  
  .stats span{
    font-size:13px;
    color:#e8f3ff;
  }
  
  .extra-trust{
    margin-top:22px;
    display:grid;
    grid-template-columns:repeat(2,minmax(160px,1fr));
    gap:12px;
    max-width:520px;
  }
  
  .extra-trust span{
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.25);
    color:#fff;
    padding:12px 15px;
    border-radius:14px;
    font-size:13px;
    font-weight:900;
  }
  
  .mini-disclaimer{
    margin-top:24px;
    max-width:650px;
    font-size:13px;
    line-height:1.6;
    color:#dceaff;
  }
  
  .form-card{
    background:white;
    padding:35px;
    border-radius:32px;
    box-shadow:0 38px 95px rgba(0,0,0,.25);
    border:1px solid rgba(255,255,255,.7);
    transform:translateY(-20px);
  }
  
  .form-head{
    text-align:center;
    margin-bottom:22px;
  }
  
  .form-badge{
    display:inline-block;
    background:#eaf3ff;
    color:#0d6efd;
    font-size:12px;
    font-weight:900;
    padding:7px 13px;
    border-radius:999px;
    margin-bottom:12px;
  }
  
  .form-card h2{
    font-size:31px;
    color:#0b1f3a;
  }
  
  .form-card p{
    color:#667085;
    margin-top:7px;
  }
  
  form{
    display:grid;
    gap:13px;
  }
  
  .grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
  }
  
  .field{
    display:grid;
    gap:6px;
  }
  
  input,select{
    width:100%;
    padding:15px 16px;
    border:1px solid #d7e3f2;
    border-radius:15px;
    font-size:15px;
    background:#fbfdff;
    outline:none;
    color:#102033;
  }
  
  input:focus,select:focus{
    border-color:#0d6efd;
    box-shadow:0 0 0 4px rgba(13,110,253,.12);
  }
  
  .field.invalid input,
  .field.invalid select{
    border-color:#e5484d;
    background:#fff8f8;
  }
  
  .error-msg{
    min-height:14px;
    color:#e5484d;
    font-size:12px;
    font-weight:700;
  }
  
  .legal-box{
    background:#f7fbff;
    border:1px solid #dbeafe;
    border-radius:18px;
    padding:14px;
  }
  
  .legal-box p{
    font-size:11.5px;
    line-height:1.55;
    color:#5b6675;
    margin-top:10px;
  }
  
  .consent{
    display:flex;
    gap:10px;
    font-size:12px;
    line-height:1.55;
    color:#526071;
  }
  
  .consent input{
    width:auto;
    margin-top:4px;
  }
  
  .consent a{
    color:#0d6efd;
    font-weight:800;
  }
  
  .submit-btn{
    padding:18px;
    border:none;
    border-radius:17px;
    background:linear-gradient(135deg,#063bff,#00b7ff);
    color:white;
    font-size:18px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 16px 38px rgba(13,110,253,.36);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    transition:.2s;
  }
  
  .submit-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 45px rgba(13,110,253,.42);
  }
  
  .secure-note{
    text-align:center;
    font-size:12px;
    color:#667085;
  }
  
  .how,.why{
    padding:78px 7%;
    text-align:center;
  }
  
  .why{
    padding-top:20px;
  }
  
  .section-head span{
    color:#0d6efd;
    font-weight:900;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
  }
  
  .section-head h2,
  .how h2{
    font-size:41px;
    margin:10px 0;
    color:#0b1f3a;
  }
  
  .section-head p{
    color:#667085;
    margin-bottom:34px;
  }
  
  .cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  
  .cards div{
    background:white;
    padding:35px;
    border-radius:28px;
    box-shadow:0 18px 52px rgba(15,40,90,.08);
    text-align:left;
    border:1px solid #eef3fb;
  }
  
  .cards div:hover{
    transform:translateY(-3px);
  }
  
  .cards span{
    color:#0d6efd;
    font-weight:900;
    font-size:23px;
  }
  
  .cards h3{
    margin:14px 0 10px;
    font-size:24px;
    color:#0b1f3a;
  }
  
  .cards p{
    color:#667085;
    line-height:1.6;
  }
  
  .notice{
    margin:0 7% 65px;
    background:linear-gradient(135deg,#071b34,#103d75);
    color:white;
    padding:34px;
    border-radius:28px;
    box-shadow:0 20px 60px rgba(7,27,52,.18);
  }
  
  .notice p{
    color:#dceaff;
    line-height:1.75;
    margin-top:10px;
  }
  
  .loading-screen{
    position:fixed;
    inset:0;
    background:rgba(7,18,42,.88);
    backdrop-filter:blur(12px);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
    padding:18px;
  }
  
  .loading-screen.active{
    display:flex;
  }
  
  .loader-box{
    background:white;
    padding:42px;
    border-radius:30px;
    text-align:center;
    max-width:520px;
    width:100%;
    box-shadow:0 30px 80px rgba(0,0,0,.35);
  }
  
  .spinner{
    width:78px;
    height:78px;
    border:8px solid #e8f1ff;
    border-top:8px solid #0d6efd;
    border-radius:50%;
    margin:0 auto 24px;
    animation:spin 1s linear infinite;
  }
  
  @keyframes spin{
    to{transform:rotate(360deg)}
  }
  
  .loader-box h3{
    font-size:27px;
    color:#0b1f3a;
    margin-bottom:10px;
  }
  
  .loader-box p{
    color:#667085;
    line-height:1.6;
  }
  
  .loader-box ul{
    margin-top:22px;
    list-style:none;
    text-align:left;
    display:grid;
    gap:10px;
  }
  
  .loader-box li{
    background:#f4f8ff;
    color:#344054;
    font-weight:800;
    padding:12px 14px;
    border-radius:14px;
  }
  
  .loader-box li::before{
    content:"✓";
    color:#0d6efd;
    margin-right:9px;
  }
  
  footer{
    background:white;
    padding:38px 7%;
    text-align:center;
    border-top:1px solid #e9eef5;
  }
  
  .footer-brand strong{
    color:#123c7c;
    font-size:24px;
    display:block;
  }
  
  .footer-brand span{
    color:#667085;
    font-size:13px;
  }
  
  .footer-links{
    margin:18px 0;
  }
  
  footer a{
    color:#0d6efd;
    margin:0 12px;
    text-decoration:none;
    font-weight:800;
  }
  
  footer p{
    color:#667085;
    line-height:1.6;
  }
  
  .footer-disclaimer{
    max-width:760px;
    margin:12px auto;
    font-size:12px;
  }
  
  @media(max-width:900px){
    .header{
      padding:14px 5%;
    }
  
    .nav{
      display:none;
    }
  
    .hero{
      grid-template-columns:1fr;
      padding:48px 5%;
      gap:34px;
    }
  
    .hero h1{
      font-size:42px;
    }
  
    .hero-sub{
      font-size:16px;
    }
  
    .form-card{
      padding:25px;
      border-radius:25px;
      transform:none;
    }
  
    .grid{
      grid-template-columns:1fr;
    }
  
    .cards{
      grid-template-columns:1fr;
    }
  
    .extra-trust{
      grid-template-columns:1fr;
    }
  
    .how,.why{
      padding:58px 5%;
    }
  
    .why{
      padding-top:10px;
    }
  
    .section-head h2,
    .how h2{
      font-size:32px;
    }
  
    .notice{
      margin:0 5% 45px;
    }
  }
  
  @media(max-width:480px){
    .brand-icon{
      width:44px;
      height:44px;
    }
  
    .brand strong{
      font-size:21px;
    }
  
    .brand span{
      font-size:11px;
    }
  
    .hero h1{
      font-size:36px;
    }
  
    .stats div{
      width:100%;
    }
  
    .trust-strip span{
      width:100%;
    }
  
    footer a{
      display:block;
      margin:10px 0;
    }
  }