:root{
      --blue:#0b2f78;
      --blue-2:#143f9c;
      --gold:#f7c948;
      --gold-2:#ffdf7a;
      --red:#b31919;
      --green:#0a7d4f;
      --dark:#07142e;
      --light:#fffaf1;
      --card:#ffffff;
      --text:#13213c;
      --muted:#5a6783;
      --shadow:0 18px 45px rgba(7,20,46,.16);
      --radius:24px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:'Poppins',sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at top left, rgba(247,201,72,.24), transparent 20%),
        radial-gradient(circle at top right, rgba(20,63,156,.18), transparent 24%),
        linear-gradient(180deg,#fffdf8 0%, #f8f4ea 100%);
    }

    a{text-decoration:none;color:inherit}
    .container{width:min(1180px, calc(100% - 32px));margin:0 auto}

    .topbar{
      background:linear-gradient(90deg,var(--dark),var(--blue));
      color:#fff;
      padding:10px 0;
      font-size:14px;
      border-bottom:3px solid var(--gold);
    }
    .topbar-wrap{
      display:flex;
      gap:16px;
      justify-content:space-between;
      align-items:center;
      flex-wrap:wrap;
    }
    .topbar .left,.topbar .right{display:flex;gap:18px;flex-wrap:wrap;align-items:center}

    .navbar{
      position:sticky;
      top:0;
      z-index:20;
      background:rgba(255,250,241,.9);
      backdrop-filter:blur(10px);
      border-bottom:1px solid rgba(11,47,120,.08);
    }
    .nav-wrap{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:14px 0;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:14px;
      min-width:0;
    }
    .brand-badge{
      width:56px;height:56px;border-radius:18px;
      background:linear-gradient(135deg,var(--blue),var(--blue-2));
      color:#fff;display:grid;place-items:center;
      font-size:28px;box-shadow:var(--shadow);
      border:2px solid rgba(255,255,255,.3);
      flex:0 0 auto;
    }
    .brand h1{
      margin:0;font-size:26px;line-height:1;color:var(--blue);
      white-space:nowrap;
    }
    .brand p{margin:6px 0 0;color:var(--muted);font-size:13px}

    .nav-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
    .nav-links a{font-weight:600;color:var(--text)}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      padding:14px 22px;border-radius:999px;font-weight:700;
      transition:.25s ease;box-shadow:var(--shadow);
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#3e2a00}
    .btn-secondary{background:linear-gradient(135deg,var(--green),#10a36a);color:#fff}
    .btn-outline{background:#fff;border:2px solid rgba(11,47,120,.12);box-shadow:none}

    .hero{padding:54px 0 28px}
    .hero-grid{
      display:grid;
      grid-template-columns:1.2fr .95fr;
      gap:28px;
      align-items:stretch;
    }
    .hero-card{
      background:linear-gradient(145deg, rgba(11,47,120,.98), rgba(20,63,156,.95));
      color:#fff;
      border-radius:32px;
      padding:34px;
      position:relative;
      overflow:hidden;
      box-shadow:var(--shadow);
    }
    .hero-card::before,
    .hero-card::after{
      content:"";position:absolute;border-radius:50%;filter:blur(6px)
    }
    .hero-card::before{width:230px;height:230px;background:rgba(247,201,72,.18);top:-70px;right:-60px}
    .hero-card::after{width:180px;height:180px;background:rgba(255,255,255,.08);bottom:-60px;left:-60px}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.14);
      padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;
    }
    .hero h2{
      font-size:clamp(34px,5vw,62px);line-height:1.05;margin:18px 0 14px;
      letter-spacing:-1.4px;
    }
    .hero h2 span{color:var(--gold)}
    .hero p{font-size:16px;line-height:1.8;color:rgba(255,255,255,.88);max-width:720px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
    .quick-points{
      display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px;
    }
    .quick-item{
      background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);
      border-radius:20px;padding:16px;
    }
    .quick-item strong{display:block;font-size:18px;margin-bottom:6px}
    .quick-item span{font-size:13px;color:rgba(255,255,255,.82)}

    .hero-side{
      display:grid;gap:18px;
    }
    .offer-card,.mini-card{
      background:var(--card);
      border-radius:28px;padding:24px;box-shadow:var(--shadow);
      border:1px solid rgba(11,47,120,.08);
    }
    .offer-title{
      font-size:15px;font-weight:800;color:var(--red);text-transform:uppercase;letter-spacing:.4px;
      margin-bottom:10px;
    }
    .offer-card h3{margin:0 0 10px;font-size:29px;color:var(--blue)}
    .bank-list{display:grid;gap:12px;margin-top:14px}
    .bank-pill{
      display:flex;align-items:center;justify-content:space-between;gap:10px;
      background:linear-gradient(135deg,#fff8e4,#fff);
      border:1px solid rgba(247,201,72,.45);
      border-radius:16px;padding:14px 16px;font-weight:700;
    }
    .bank-pill .tag{
      background:#eef4ff;color:var(--blue);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;
    }
    .mini-card h4{margin:0 0 12px;font-size:20px;color:var(--blue)}
    .doc-list{display:grid;gap:10px}
    .doc-list div{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text)}

    .section{padding:42px 0}
    .section-head{text-align:center;margin-bottom:24px}
    .section-head .label{
      color:var(--red);font-size:14px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;
    }
    .section-head h3{
      font-size:clamp(28px,4vw,44px);margin:8px 0 10px;color:var(--blue)
    }
    .section-head p{max-width:760px;margin:0 auto;color:var(--muted);line-height:1.8}

    .services-grid{
      display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
    }
    .service-card{
      background:#fff;border-radius:24px;padding:24px;
      box-shadow:var(--shadow);border:1px solid rgba(11,47,120,.08);
      transition:.25s ease;
    }
    .service-card:hover{transform:translateY(-4px)}
    .icon{
      width:58px;height:58px;border-radius:18px;display:grid;place-items:center;
      font-size:28px;background:linear-gradient(135deg,#fff4cd,#ffe38d);margin-bottom:14px;
      border:1px solid rgba(247,201,72,.5)
    }
    .service-card h4{margin:0 0 10px;font-size:22px;color:var(--blue)}
    .service-card p{margin:0;color:var(--muted);line-height:1.75;font-size:15px}

    .banner-strip{
      margin:10px auto 0;
      background:linear-gradient(90deg,var(--blue),var(--blue-2));
      color:#fff;border-radius:28px;padding:18px 22px;
      display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
      box-shadow:var(--shadow);
    }
    .banner-strip strong{font-size:18px}

    .accounts-grid{
      display:grid;grid-template-columns:1fr 1fr;gap:22px;
    }
    .account-card{
      background:#fff;border-radius:28px;padding:26px;box-shadow:var(--shadow);
      border:1px solid rgba(11,47,120,.08);
    }
    .account-badge{
      display:inline-block;padding:8px 14px;border-radius:999px;font-weight:800;font-size:13px;margin-bottom:10px
    }
    .instant{background:#ffe8e8;color:var(--red)}
    .days2{background:#fff2cc;color:#8f5b00}
    .account-card h4{margin:0 0 10px;font-size:28px;color:var(--blue)}
    .ticks{display:grid;gap:12px;margin:16px 0 0}
    .ticks div{
      display:flex;align-items:center;gap:12px;font-weight:600;padding:12px 14px;
      background:#f8fbff;border-radius:16px;border:1px solid rgba(11,47,120,.06)
    }

    .contact-wrap{
      display:grid;grid-template-columns:1.05fr .95fr;gap:22px;
    }
    .contact-card,.map-card{
      background:#fff;border-radius:30px;padding:28px;box-shadow:var(--shadow);
      border:1px solid rgba(11,47,120,.08);
    }
    .contact-list{display:grid;gap:16px;margin-top:16px}
    .contact-item{
      display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:#f8fbff
    }
    .contact-item .bubble{
      width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
      background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff;font-size:22px;flex:0 0 auto;
    }
    .contact-item strong{display:block;font-size:18px;color:var(--blue)}
    .contact-item span,.contact-item a{color:var(--muted);font-weight:600}

    .hours{
      display:grid;gap:12px;margin-top:18px
    }
    .hours div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px dashed rgba(11,47,120,.14)}

    .footer{
      margin-top:24px;background:linear-gradient(180deg,var(--dark),#0d255a);color:#fff;padding:34px 0 80px
    }
    .footer-grid{
      display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:24px
    }
    .footer h4{margin:0 0 14px;font-size:20px}
    .footer p,.footer a{color:rgba(255,255,255,.82);line-height:1.8}
    .footer-links{display:grid;gap:10px}
    .copyright{
      border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding-top:18px;color:rgba(255,255,255,.72);font-size:14px
    }

    .whatsapp-float{
      position:fixed;right:18px;bottom:18px;z-index:40;
      display:flex;align-items:center;gap:12px;
      background:linear-gradient(135deg,#14b866,#0f9653);color:#fff;
      padding:12px 16px 12px 12px;border-radius:999px;box-shadow:0 18px 35px rgba(20,184,102,.35);
    }
    .whatsapp-float .wa-icon{
      width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
      background:rgba(255,255,255,.18);font-size:24px;font-weight:700
    }
    .whatsapp-float small{display:block;font-size:12px;opacity:.85}
    .whatsapp-float strong{font-size:15px}

    @media (max-width: 1100px){
      .hero-grid,.contact-wrap,.footer-grid,.accounts-grid{grid-template-columns:1fr}
      .services-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width: 760px){
      .nav-links{display:none}
      .hero-card,.offer-card,.mini-card,.service-card,.account-card,.contact-card,.map-card{padding:20px}
      .quick-points,.services-grid{grid-template-columns:1fr}
      .brand h1{font-size:22px;white-space:normal}
      .hero{padding-top:28px}
      .hero h2{font-size:36px}
      .banner-strip{align-items:flex-start}
      .whatsapp-float{right:12px;left:12px;bottom:12px;justify-content:center}
      .whatsapp-float span:last-child strong{font-size:14px}
    }