:root{
      --bg:#040404;
      --panel:rgba(255,255,255,.075);
      --panel2:rgba(255,255,255,.115);
      --border:rgba(255,255,255,.16);
      --border-gold:rgba(255,224,138,.42);
      --gold:#d4af37;
      --gold2:#ffe08a;
      --gold3:#b8841d;
      --text:#fff;
      --muted:#b9b9b9;
      --shadow:0 34px 120px rgba(0,0,0,.62);
    }

    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      min-height:100vh;
      font-family:"Manrope",sans-serif;
      color:var(--text);
      background:
        linear-gradient(rgba(0,0,0,.58), rgba(0,0,0,.72)), url('assets/background.png');
      overflow-x:hidden;
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
    }

    body::before{
      content:"";
      position:fixed;
      inset:0;
      background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size:52px 52px;
      mask-image:radial-gradient(circle at 50% 20%, black, transparent 72%);
      pointer-events:none;
      z-index:-3;
    }

    body::after{
      content:"";
      position:fixed;
      inset:0;
      background:linear-gradient(120deg, transparent 0%, rgba(255,224,138,.04) 45%, transparent 75%);
      pointer-events:none;
      z-index:-2;
      animation:bgMove 10s ease-in-out infinite alternate;
    }

    @keyframes bgMove{
      from{transform:translateX(-8%)}
      to{transform:translateX(8%)}
    }

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

    .noise{
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:-1;
      opacity:.18;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
    }

    .nav{
      position:fixed;
      top:18px;
      left:50%;
      transform:translateX(-50%);
      width:min(1180px,calc(100% - 30px));
      z-index:50;
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:12px 16px;
      border:1px solid var(--border);
      border-radius:999px;
      background:rgba(7,7,7,.58);
      backdrop-filter:blur(30px) saturate(150%);
      -webkit-backdrop-filter:blur(30px) saturate(150%);
      box-shadow:0 20px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
    }

    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      font-family:"Outfit",sans-serif;
      font-weight:900;
      letter-spacing:.11em;
      font-size:.96rem;
    }

    .brand-logo{
      width:44px;
      height:44px;
      border-radius:15px;
      box-shadow:0 0 30px rgba(212,175,55,.35);
    }

    .nav-links{
      display:flex;
      gap:24px;
      align-items:center;
      color:#c8c8c8;
      font-size:.92rem;
      font-weight:700;
    }

    .nav-links a{transition:.25s}
    .nav-links a:hover{color:var(--gold2);text-shadow:0 0 18px rgba(255,224,138,.5)}

    .nav-cta{
      padding:12px 19px;
      border-radius:999px;
      background:linear-gradient(135deg,var(--gold),var(--gold2));
      color:#080808;
      font-weight:900;
      box-shadow:0 0 34px rgba(212,175,55,.35);
    }

    .hero{
      min-height:100vh;
      display:grid;
      place-items:center;
      padding:150px 7% 80px;
      position:relative;
    }

    .glow-orb{
      position:absolute;
      border-radius:50%;
      filter:blur(28px);
      opacity:.9;
      pointer-events:none;
    }

    .glow-orb.one{
      width:300px;height:300px;
      left:6%;top:18%;
      background:rgba(212,175,55,.18);
      animation:float 7s ease-in-out infinite;
    }
    .glow-orb.two{
      width:360px;height:360px;
      right:3%;bottom:13%;
      background:rgba(255,224,138,.12);
      animation:float 9s ease-in-out infinite reverse;
    }
    .glow-orb.three{
      width:220px;height:220px;
      left:45%;bottom:6%;
      background:rgba(212,175,55,.10);
      animation:pulse 6s ease-in-out infinite;
    }

    @keyframes float{
      0%,100%{transform:translateY(0) scale(1)}
      50%{transform:translateY(-30px) scale(1.06)}
    }

    @keyframes pulse{
      0%,100%{opacity:.45;transform:scale(.9)}
      50%{opacity:.95;transform:scale(1.15)}
    }

    .hero-wrap{
      width:min(1180px,100%);
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:24px;
      align-items:stretch;
    }

    .hero-card,.application-card,.mini-card,.glass-card,.step,details{
      position:relative;
      border:1px solid var(--border);
      background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
      backdrop-filter:blur(30px) saturate(150%);
      -webkit-backdrop-filter:blur(30px) saturate(150%);
      box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.11);
      overflow:hidden;
    }

    .hero-card::before,.application-card::before,.glass-card::before{
      content:"";
      position:absolute;
      inset:-2px;
      background:linear-gradient(120deg, transparent, rgba(255,224,138,.24), transparent);
      transform:translateX(-120%);
      animation:shine 7s infinite;
      pointer-events:none;
    }

    @keyframes shine{
      0%{transform:translateX(-120%)}
      38%,100%{transform:translateX(120%)}
    }

    .hero-card{
      border-radius:44px;
      padding:62px;
      min-height:620px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .application-card{
      border-radius:44px;
      padding:34px;
      background:
        radial-gradient(circle at top right, rgba(255,224,138,.10), transparent 34%),
        linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
    }

    .badge{
      width:max-content;
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:10px 15px;
      border-radius:999px;
      border:1px solid rgba(255,224,138,.33);
      background:rgba(212,175,55,.095);
      color:var(--gold2);
      font-size:.86rem;
      font-weight:900;
      margin-bottom:26px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 28px rgba(212,175,55,.12);
    }

    h1{
      font-family:"Outfit",sans-serif;
      font-weight:900;
      font-size:clamp(2.2rem,4.8vw,4.8rem);
      line-height:.86;
      letter-spacing:-.09em;
      text-transform:uppercase;
      margin-bottom:26px;
      background:linear-gradient(90deg,#fff 0%,#fff4c6 34%,#d4af37 75%,#fff0a8 100%);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      filter:drop-shadow(0 0 22px rgba(212,175,55,.18));
    }

    .lead{
      max-width:700px;
      color:#dedede;
      font-size:1rem;
      line-height:1.78;
      margin-bottom:32px;
    }

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

    .btn{
      border:0;
      cursor:pointer;
      border-radius:999px;
      padding:16px 24px;
      font:inherit;
      font-weight:900;
      transition:.25s ease;
    }

    .btn-primary{
      background:linear-gradient(135deg,var(--gold),var(--gold2));
      color:#070707;
      box-shadow:0 0 36px rgba(212,175,55,.34);
    }

    .btn-secondary{
      background:rgba(255,255,255,.085);
      border:1px solid var(--border);
      color:#fff;
      backdrop-filter:blur(18px);
    }

    .btn:hover{transform:translateY(-3px)}
    .btn-primary:hover{box-shadow:0 0 48px rgba(255,224,138,.48)}

    .trust-row{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
      margin-top:38px;
    }

    .mini-card{
      border-radius:22px;
      padding:18px;
      background:rgba(255,255,255,.06);
    }

    .mini-card strong{
      display:block;
      color:var(--gold2);
      font-family:"Outfit",sans-serif;
      font-size:1.35rem;
      margin-bottom:5px;
    }

    .mini-card span{color:var(--muted);font-size:.88rem}

    .form-head{
      margin-bottom:22px;
    }

    .eyebrow{
      color:var(--gold2);
      text-transform:uppercase;
      letter-spacing:.16em;
      font-size:.76rem;
      font-weight:900;
      margin-bottom:10px;
    }

    h2{
      font-family:"Outfit",sans-serif;
      font-size:clamp(2rem,4vw,3.8rem);
      line-height:1;
      letter-spacing:-.06em;
      font-weight:900;
      margin-bottom:14px;
    }

    .application-card h2{font-size:2.25rem}
    .muted{color:var(--muted);line-height:1.7}

    form{display:grid;gap:13px}

    .field-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:13px;
    }

    input,select,textarea{
      width:100%;
      padding:16px 17px;
      border-radius:17px;
      border:1px solid rgba(255,255,255,.145);
      background:rgba(0,0,0,.30);
      color:#fff;
      outline:none;
      font:inherit;
      transition:.22s ease;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    textarea{min-height:112px;resize:vertical}
    input::placeholder,textarea::placeholder{color:#858585}

    input:focus,select:focus,textarea:focus{
      border-color:rgba(255,224,138,.62);
      box-shadow:0 0 0 4px rgba(212,175,55,.12), 0 0 26px rgba(212,175,55,.10);
      background:rgba(0,0,0,.42);
    }

    .legal-note{
      padding:15px;
      border-radius:18px;
      border:1px solid rgba(255,224,138,.24);
      background:rgba(212,175,55,.075);
      color:#d7d7d7;
      font-size:.86rem;
      line-height:1.58;
    }

    section{padding:88px 7%}

    .section-title{
      max-width:790px;
      margin-bottom:42px;
    }

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

    .glass-card{
      border-radius:30px;
      padding:30px;
      min-height:230px;
      transition:.28s ease;
    }

    .glass-card:hover{
      transform:translateY(-8px);
      border-color:var(--border-gold);
      box-shadow:0 34px 110px rgba(212,175,55,.15), inset 0 1px 0 rgba(255,255,255,.14);
    }

    .icon{
      width:52px;height:52px;
      display:grid;
      place-items:center;
      border-radius:18px;
      background:linear-gradient(135deg,rgba(212,175,55,.20),rgba(255,255,255,.06));
      color:var(--gold2);
      font-size:1.28rem;
      margin-bottom:18px;
      box-shadow:0 0 30px rgba(212,175,55,.13);
    }

    .glass-card h3,.step h3{
      font-family:"Outfit",sans-serif;
      font-size:1.28rem;
      margin-bottom:10px;
      letter-spacing:-.02em;
    }

    .process{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:24px;
      align-items:start;
    }

    .step{
      border-radius:26px;
      padding:24px;
      display:flex;
      gap:18px;
      margin-bottom:16px;
      background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
    }

    .num{
      flex:0 0 44px;
      height:44px;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg,var(--gold),var(--gold2));
      color:#060606;
      font-weight:900;
      box-shadow:0 0 28px rgba(212,175,55,.28);
    }

    .premium-box{
      border-radius:34px;
      border:1px solid var(--border-gold);
      padding:34px;
      background:
        radial-gradient(circle at top left, rgba(255,224,138,.16), transparent 34%),
        rgba(255,255,255,.065);
      backdrop-filter:blur(26px);
      box-shadow:0 30px 100px rgba(212,175,55,.12), inset 0 1px 0 rgba(255,255,255,.12);
    }

    .checklist{
      display:grid;
      gap:14px;
      margin-top:24px;
    }

    .check{
      display:flex;
      gap:12px;
      align-items:flex-start;
      color:#ddd;
    }

    .check b{
      color:#090909;
      background:linear-gradient(135deg,var(--gold),var(--gold2));
      width:24px;height:24px;
      border-radius:50%;
      display:grid;
      place-items:center;
      flex:0 0 24px;
      font-size:.8rem;
    }

    .faq{
      max-width:920px;
      display:grid;
      gap:14px;
    }

    details{
      border-radius:24px;
      padding:22px;
      background:rgba(255,255,255,.065);
    }

    summary{
      cursor:pointer;
      font-weight:900;
      font-family:"Outfit",sans-serif;
      font-size:1.08rem;
    }

    details p{
      margin-top:14px;
      color:var(--muted);
      line-height:1.7;
    }

    footer{
      padding:42px 7%;
      border-top:1px solid rgba(255,255,255,.09);
      color:#8b8b8b;
      display:flex;
      justify-content:space-between;
      flex-wrap:wrap;
      gap:14px;
    }

    .reveal{
      opacity:0;
      transform:translateY(24px);
      transition:.75s ease;
    }

    .reveal.active{
      opacity:1;
      transform:translateY(0);
    }

    @media(max-width:1000px){
      .hero-wrap,.process{grid-template-columns:1fr}
      .grid{grid-template-columns:1fr 1fr}
      .hero-card{min-height:auto}
    }

    @media(max-width:760px){
      .nav-links{display:none}
      .hero{padding:130px 5% 60px}
      .hero-card,.application-card{padding:34px 22px;border-radius:32px}
      .grid,.trust-row,.field-grid{grid-template-columns:1fr}
      section{padding:70px 5%}
      h1{letter-spacing:-.065em}
      footer{padding:34px 5%}
    }