:root{
    --primary:#159C9A;
    --primary-dark:#0B4263;
    --dark:#063B5C;
    --light:#F5F7F7;
    --white:#FFFFFF;
    --text:#263238;
    --grey:#6B7280;
    --border:#DCEAEA;
    --home-light-teal:#4DB8B0;
    --radius:14px;
    --shadow: 0 2px 10px rgba(6,59,92,0.06), 0 1px 2px rgba(6,59,92,0.08);
    --shadow-lg: 0 12px 32px rgba(6,59,92,0.12);
    font-size:16px;
  }
  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Inter',system-ui,sans-serif;
    color:var(--text);
    background:var(--white);
    line-height:1.55;
  }
  img,svg{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;}
  ul{list-style:none;margin:0;padding:0;}
  h1,h2,h3,h4{margin:0;color:var(--dark);font-weight:800;letter-spacing:-0.01em;}
  p{margin:0;}
  :focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px;}
  .container{max-width:1180px;margin:0 auto;padding:0 24px;}
  .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  .skip-link{position:absolute;left:-999px;top:0;background:var(--dark);color:#fff;padding:10px 16px;z-index:200;border-radius:0 0 8px 0;}
  .skip-link:focus{left:0;}

  /* ---------- Buttons ---------- */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;border:2px solid transparent;font-weight:700;font-size:15.5px;transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
  .btn:active{transform:scale(0.97);}
  .btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow);}
  .btn-primary:hover{background:var(--primary-dark);}
  .btn-outline{background:var(--white);color:var(--dark);border-color:var(--primary);}
  .btn-outline:hover{background:var(--light);}
  .btn-sm{padding:9px 16px;font-size:13.5px;border-radius:999px;}
  .btn-block{width:100%;}
  .btn:disabled{opacity:.5;cursor:not-allowed;}

  /* ---------- Header ---------- */
  header.site-header{position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(6,59,92,0.08);}

  .header-topbar{background:#F5F3E4;border-bottom:1px solid #E6E2C9;}
  .header-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 24px;max-width:1180px;margin:0 auto;font-size:12px;}
  .header-topbar .gov-tag{font-weight:700;color:var(--dark);letter-spacing:.01em;}
  .header-topbar .welcome-tag{font-weight:600;color:var(--primary-dark);}
  @media (max-width:700px){ .header-topbar .welcome-tag{display:none;} }

  .header-mainbar{background:var(--dark);}
  .header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;max-width:1180px;margin:0 auto;}
  .brand{display:flex;align-items:center;gap:12px;}
  .brand-mark{width:42px;height:42px;flex-shrink:0;object-fit:contain;border-radius:10px;}
  .brand-text{display:flex;flex-direction:column;line-height:1.15;}
  .brand-text .name{font-weight:800;font-size:20px;color:var(--white);letter-spacing:.01em;}
  .brand-text .tag{font-size:11px;color:#9FC6CE;font-weight:600;letter-spacing:.02em;}
  nav.main-nav{display:flex;gap:2px;}
  nav.main-nav a{padding:10px 14px;border-radius:8px;font-weight:600;font-size:14.5px;color:#D9E8EA;transition:background .15s,color .15s;}
  nav.main-nav a:hover,nav.main-nav a.active{background:rgba(255,255,255,0.1);color:var(--white);}
  .header-actions{display:flex;align-items:center;gap:8px;}
  .icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;color:var(--white);transition:background .15s;}
  .icon-btn:hover{background:rgba(255,255,255,0.14);}
  select.lang-select{border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:13.5px;font-weight:600;color:var(--dark);background:var(--white);}
  /*video*/
.about-video {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
}

.about-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 20px;
}
  /* ================================
   GOOGLE TRANSLATE LANGUAGE BUTTON
   ================================ */

.translate-widget {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width:105px;
    height: 46px;
    padding:0px;

    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.10);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    transition: all 0.25s ease;
}

.translate-widget:hover {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.4);
}

/* Google Translate dropdown */
#google_translate_element {
    display: flex;
    align-items: center;
}

#google_translate_element .goog-te-gadget {
    font-family: inherit !important;
    font-size: 0 !important;
    color: transparent !important;
}

/* Dropdown itself */
#google_translate_element .goog-te-combo {
    appearance: none;
    -webkit-appearance: none;

    min-width: 5px;
    height: 38px;

    padding:0px;

    border: none;
    outline: none;
    border-radius: 999px;

    background-color: transparent;

    color: white;

    font-family: inherit;
    font-size: 11px;
    font-weight: 200px;

    cursor: pointer;
}
/* Dropdown options */
#google_translate_element .goog-te-combo option {
    background: #063b63;
    color: white;
}

/* Google Translate top banner */
.goog-te-banner-frame {
    display: none !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

/* IMPORTANT:
   Do NOT hide body > .skiptranslate
*/

body {
    top: 0 !important;
}

/* Remove Google Translate extra text */
.goog-logo-link {
    display: none !important;
}

.goog-te-gadget span {
    display: none !important;
}

/* Mobile */
@media (max-width: 920px) {
    .translate-widget {
        min-width: 145px;
        height: 42px;
    }

    #google_translate_element .goog-te-combo {
        min-width: 120px;
        height: 34px;
        font-size: 13px;
    }
}

  /* ---------- Navigation refinements (site-wide) ---------- */
  nav.main-nav{gap:6px;}
  nav.main-nav a{padding:12px 18px;}
  nav.main-nav a:hover,
  nav.main-nav a.active{
    background:rgba(21,156,154,0.18);
    color:#fff;
    box-shadow:inset 0 -3px 0 var(--primary);
  }
  .header-mainbar .btn-primary{background:var(--primary);border-color:var(--primary);}
  .header-mainbar .btn-primary:hover{background:var(--home-light-teal);}
  .search-flyout{position:absolute;top:100%;right:24px;margin-top:8px;width:min(420px,92vw);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:14px;display:none;}
  .search-flyout.open{display:block;}
  .search-flyout input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:14.5px;}
  .search-flyout .hint{font-size:12px;color:var(--grey);margin-top:8px;}

  @media (max-width:920px){
    nav.main-nav{position:fixed;inset:0 0 0 auto;top:0;height:100vh;width:min(300px,84vw);background:#fff;flex-direction:column;padding:90px 20px 20px;box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .25s ease;z-index:150;gap:4px;}
    nav.main-nav.open{transform:translateX(0);}
    nav.main-nav a{padding:14px 12px;font-size:16px;border-bottom:1px solid var(--border);border-radius:8px;color:var(--dark);}
    nav.main-nav a:hover,nav.main-nav a.active{background:var(--light);color:var(--primary-dark);}
    .menu-toggle{display:flex;}
    .header-actions .find-btn-desktop{display:none;}
    .nav-scrim{position:fixed;inset:0;background:rgba(6,59,92,.35);z-index:140;display:none;}
    .nav-scrim.open{display:block;}
  }

  /* ---------- Hero (Home page only — .hero markup exists only in #view-home) ---------- */
  .hero{
    background:radial-gradient(ellipse 900px 600px at 50% -10%, #0B4263 0%, #063B5C 55%, #052E48 100%);
    padding:84px 0 70px;
    position:relative;
    overflow:hidden;
  }
  .hero-rings{position:absolute;left:-140px;bottom:-180px;width:520px;height:520px;pointer-events:none;}
  .hero-rings .ring{position:absolute;border-radius:50%;border:1px solid rgba(77,184,176,0.28);}
  .hero-rings .ring-1{inset:0;}
  .hero-rings .ring-2{inset:60px;border-color:rgba(77,184,176,0.24);}
  .hero-rings .ring-3{inset:120px;border-color:rgba(77,184,176,0.20);}
  .hero-rings .ring-4{inset:180px;background:rgba(21,156,154,0.15);border-color:rgba(77,184,176,0.16);}
  .hero-inner-centered{position:relative;z-index:1;max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);border:1px solid rgba(77,184,176,0.5);color:#D8F3F1;font-weight:700;font-size:12.5px;padding:6px 14px;border-radius:999px;margin-bottom:18px;}
  .hero h1{font-size:44px;line-height:1.15;margin-bottom:16px;color:#fff;}
  .hero p.sub{color:#C9DCE0;font-size:17px;max-width:560px;margin:0 auto 30px;}
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
  .hero-ctas-center{justify-content:center;}
  .hero-ctas .btn-primary{background:var(--primary);border-color:var(--primary);border-radius:999px;padding-left:30px;padding-right:30px;box-shadow:0 8px 20px rgba(21,156,154,0.35);}
  .hero-ctas .btn-primary:hover{background:var(--home-light-teal);border-color:var(--home-light-teal);}
  .hero-ctas .btn-outline{background:transparent;border-color:rgba(255,255,255,0.5);color:#fff;border-radius:999px;padding-left:30px;padding-right:30px;}
  .hero-ctas .btn-outline:hover{background:rgba(255,255,255,0.1);}
  .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px;}
  .hero-stats-center{max-width:460px;}
  .hero-stats .stat{text-align:center;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:12px 6px;}
  .hero-stats .stat b{display:block;color:#fff;font-size:20px;}
  .hero-stats .stat span{font-size:11.5px;color:#B9CFD4;}



  /* ---------- Slideshow banner (myScheme-style rotating hero) ---------- */
  .slideshow{position:relative;height:300px;overflow:hidden;}
  .slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transition:opacity .6s ease;}
  .slide.active{opacity:1;}
  .slide .container{color:#fff;}
  .slide h2{color:#fff;font-size:30px;max-width:560px;margin-bottom:10px;}
  .slide p{color:rgba(255,255,255,.9);font-size:15px;max-width:480px;}
  .slide-dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:8px;}
  .slide-dots button{width:9px;height:9px;border-radius:999px;border:none;background:rgba(255,255,255,.5);padding:0;}
  .slide-dots button.active{background:#fff;width:22px;border-radius:999px;}
  @media (max-width:700px){ .slideshow{height:230px;} .slide h2{font-size:22px;} }

  /* ---------- Tabbed "Find Schemes For You" ---------- */
  .tabbar{display:flex;justify-content:center;gap:8px;margin-bottom:32px;flex-wrap:wrap;}
  .tabbar button{padding:10px 22px;border-radius:999px;border:1.5px solid var(--border);background:#fff;font-weight:700;font-size:14px;color:var(--dark);}
  .tabbar button.active{background:var(--primary);border-color:var(--primary);color:#fff;}
  .tab-panel{display:none;}
  .tab-panel.active{display:block;}

  /* ---------- About section ---------- */
  .about-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;}
  .about-grid h2{font-size:28px;margin-bottom:14px;}
  .about-grid p{color:var(--grey);font-size:15px;margin-bottom:12px;}
  .about-video{background:linear-gradient(135deg,var(--primary) 0%, var(--dark) 100%);border-radius:var(--radius);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);}
  .about-video .play-btn{width:60px;height:60px;border-radius:999px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:var(--primary-dark);}
  @media (max-width:860px){ .about-grid{grid-template-columns:1fr;} .about-video{order:-1;} }

  /* ---------- Footer "Get in touch" ---------- */
  .footer-contact p{font-size:13px;color:#B8D4DC;padding:4px 0;}
  .social-row{display:flex;gap:10px;margin-top:12px;}
  .social-row a{width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;}
  .social-row a:hover{background:rgba(255,255,255,.2);}

  section{padding:64px 0;}
  .section-head{text-align:center;max-width:640px;margin:0 auto 40px;}
  .section-head h2{font-size:30px;margin-bottom:10px;}
  .section-head p{color:var(--grey);font-size:15.5px;}
  .light-section{background:var(--light);}

  /* ---------- Roadmap ---------- */
  .roadmap{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative;}
  .roadmap::before{content:"";position:absolute;top:44px;left:6%;right:6%;height:2px;background:var(--border);z-index:0;}
  .road-card{position:relative;z-index:1;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:left;box-shadow:var(--shadow);transition:transform .18s, box-shadow .18s;}
  .road-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary);}
  .road-icon{width:44px;height:44px;border-radius:12px;background:var(--light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
  .road-card h4{font-size:15px;margin-bottom:8px;}
  .road-card ul li{font-size:12.5px;color:var(--grey);padding:2px 0;}
  @media (max-width:980px){
    .roadmap{grid-template-columns:1fr;}
    .roadmap::before{display:none;}
  }

  /* ---------- Age cards ---------- */
  .age-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .age-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;text-align:left;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;}
  .age-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary);}
  .age-card .badge{display:inline-block;background:var(--dark);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:14px;}
  .age-card h3{font-size:20px;margin-bottom:8px;}
  .age-card p{color:var(--grey);font-size:13.5px;}
  @media (max-width:880px){.age-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.age-grid{grid-template-columns:1fr;}}

  /* ---------- Category grid ---------- */
  .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .cat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:left;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;}
  .cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary);}
  .cat-card .road-icon{margin-bottom:10px;}
  .cat-card h4{font-size:14.5px;}
  @media (max-width:880px){.cat-grid{grid-template-columns:1fr 1fr;}}

  /* ---------- Scheme cards ---------- */
  .schemes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  @media (max-width:980px){.schemes-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:660px){.schemes-grid{grid-template-columns:1fr;}}
  .scheme-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s;}
  .scheme-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
  .scheme-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
  .scheme-icon{width:38px;height:38px;border-radius:10px;background:var(--light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .badge-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--light);color:var(--primary-dark);border:1px solid var(--primary);white-space:nowrap;}
  .badge-pill.closed{background:#FDEEEE;color:#B42318;border-color:#F2A6A6;}
  .scheme-card h4{font-size:16px;line-height:1.3;}
  .scheme-meta{font-size:12.5px;color:var(--grey);}
  .scheme-meta b{color:var(--text);}
  .scheme-tags{display:flex;flex-wrap:wrap;gap:6px;}
  .tag-chip{font-size:11px;background:var(--light);color:var(--primary-dark);padding:3px 9px;border-radius:999px;}
  .scheme-actions{display:flex;gap:8px;margin-top:auto;padding-top:6px;}

  /* ---------- Why cards ---------- */
  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .why-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);}
  .why-check{width:34px;height:34px;border-radius:999px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-weight:900;}
  .why-card h4{font-size:15.5px;margin-bottom:6px;}
  .why-card p{font-size:13px;color:var(--grey);}
  @media (max-width:880px){.why-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.why-grid{grid-template-columns:1fr;}}

  /* ---------- Disclaimer ---------- */
  .disclaimer-box{background:#fff;border:1.5px dashed var(--primary);border-radius:var(--radius);padding:22px 26px;display:flex;gap:16px;align-items:flex-start;max-width:960px;margin:0 auto;}
  .disclaimer-box svg{flex-shrink:0;color:var(--primary);}
  .disclaimer-box p{font-size:13.5px;color:var(--text);}
  .disclaimer-box p b{color:var(--dark);}
  .mini-disclaimer{font-size:12px;color:var(--grey);background:var(--light);border-radius:10px;padding:10px 14px;margin-top:18px;}

  /* ---------- Footer ---------- */
  footer{background:var(--dark);color:#D7E5EA;padding:48px 0 20px;}
  .footer-grid{display:grid;grid-template-columns:1.3fr 0.8fr 1.1fr 1fr;gap:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.15);}
  .footer-grid h4{color:#fff;font-size:14px;margin-bottom:14px;}
  .footer-grid a{display:block;padding:4px 0;font-size:13.5px;color:#B8D4DC;}
  .footer-grid a:hover{color:#fff;}
  .footer-brand p{font-size:13px;color:#B8D4DC;margin-top:8px;max-width:280px;}
  .footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:18px;font-size:12.5px;color:#8FB3C2;}
  @media (max-width:760px){.footer-grid{grid-template-columns:1fr;}}

  /* ---------- Views (SPA sections) ---------- */
  .view{display:none;}
  .view.active{display:block;}
  .page-head{background:var(--light);padding:36px 0;border-bottom:1px solid var(--border);}
  .breadcrumb{font-size:13px;color:var(--grey);margin-bottom:10px;}
  .breadcrumb button{background:none;border:none;color:var(--primary-dark);font-weight:700;padding:0;}
  .page-head h1{font-size:28px;}
  .page-head p{color:var(--grey);margin-top:6px;max-width:640px;}

  /* ---------- Filter toolbar ---------- */
  .toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:26px 0;padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);}
  .toolbar input[type="text"]{flex:1;min-width:200px;padding:11px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px;}
  .toolbar select{padding:11px 12px;border:1px solid var(--border);border-radius:10px;font-size:13.5px;color:var(--dark);background:#fff;font-weight:600;}
  .toolbar .clear-btn{background:none;border:1px solid var(--border);color:var(--grey);border-radius:10px;padding:11px 14px;font-size:13px;font-weight:700;}
  .toolbar .clear-btn:hover{background:var(--light);color:var(--dark);}
  .result-count{font-size:13.5px;color:var(--grey);margin-bottom:16px;}
  .empty-state{text-align:center;padding:50px 20px;color:var(--grey);background:var(--light);border-radius:var(--radius);}

  /* ---------- Wizard ---------- */
  .wizard-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);padding:34px;max-width:720px;margin:0 auto;}
  .wizard-steps{display:flex;gap:6px;margin-bottom:26px;}
  .wizard-steps span{flex:1;height:6px;border-radius:999px;background:var(--border);}
  .wizard-steps span.done{background:var(--primary);}
  .wizard-q{font-size:21px;margin-bottom:6px;}
  .wizard-sub{color:var(--grey);font-size:13.5px;margin-bottom:22px;}
  .option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;}
  .option-grid.wide{grid-template-columns:repeat(3,1fr);}
  .opt-btn{border:1.5px solid var(--border);background:#fff;border-radius:12px;padding:16px 14px;text-align:left;font-weight:700;font-size:14px;color:var(--dark);transition:all .15s;}
  .opt-btn:hover{border-color:var(--primary);background:var(--light);}
  .opt-btn.selected{border-color:var(--primary);background:var(--light);box-shadow:inset 0 0 0 1px var(--primary);}
  .opt-btn span{display:block;font-weight:500;font-size:12px;color:var(--grey);margin-top:3px;}
  .wizard-nav{display:flex;justify-content:space-between;gap:10px;}
  select.wizard-select{width:100%;padding:14px;border:1.5px solid var(--border);border-radius:12px;font-size:14.5px;margin-bottom:20px;}
  @media (max-width:600px){.option-grid,.option-grid.wide{grid-template-columns:1fr 1fr;}}

  /* ---------- Modal ---------- */
  .modal-scrim{position:fixed;inset:0;background:rgba(6,59,92,.45);display:none;align-items:center;justify-content:center;z-index:300;padding:20px;}
  .modal-scrim.open{display:flex;}
  .modal-box{background:#fff;border-radius:20px;max-width:640px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg);}
  .modal-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;}
  .modal-head h3{font-size:20px;}
  .modal-close{width:36px;height:36px;border-radius:999px;border:1px solid var(--border);background:#fff;flex-shrink:0;}
  .modal-body{padding:22px 24px 26px;}
  .modal-row{margin-bottom:18px;}
  .modal-row h5{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-dark);margin-bottom:6px;}
  .modal-row p{font-size:14.5px;color:var(--text);}
  .modal-note{background:var(--light);border-radius:10px;padding:12px 14px;font-size:12.5px;color:var(--grey);}
  .modal-actions{display:flex;gap:10px;margin-top:22px;}

  /* ---------- Help / FAQ ---------- */
  .faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff;}
  .faq-q{width:100%;text-align:left;background:none;border:none;padding:16px 18px;font-weight:700;font-size:14.5px;color:var(--dark);display:flex;justify-content:space-between;align-items:center;}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .2s ease;}
  .faq-a p{padding:0 18px 16px;color:var(--grey);font-size:13.5px;}
  .faq-item.open .faq-a{max-height:200px;}
  .faq-item.open .faq-q .chev{transform:rotate(180deg);}
  .guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:36px;}
  .guide-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);}
  .guide-card h4{font-size:15px;margin-bottom:8px;}
  .guide-card p{font-size:13.5px;color:var(--grey);}
  @media (max-width:700px){.guide-grid{grid-template-columns:1fr;}}

  .soon-banner{background:var(--light);border:1px dashed var(--primary);border-radius:var(--radius);padding:18px 20px;font-size:13.5px;color:var(--dark);text-align:center;margin:20px 0;}

  /* ---------- Login / Register ---------- */
  .login-wrap{min-height:calc(100vh - 250px);display:flex;align-items:center;justify-content:center;background:var(--light);padding:48px 20px;}
  .login-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);padding:36px 34px;width:100%;max-width:400px;}
  .login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;}
  .login-brand img{border-radius:8px;}
  .login-brand span{font-weight:800;font-size:19px;color:var(--dark);}
  .login-tabs{display:flex;background:var(--light);border-radius:999px;padding:4px;margin-bottom:22px;}
  .login-tabs button{flex:1;padding:9px;border:none;background:none;border-radius:999px;font-weight:700;font-size:13.5px;color:var(--grey);}
  .login-tabs button.active{background:#fff;color:var(--primary-dark);box-shadow:var(--shadow);}
  .login-form{display:none;flex-direction:column;gap:6px;}
  .login-form.active{display:flex;}
  .login-form label{font-size:12.5px;font-weight:700;color:var(--dark);margin-top:10px;}
  .login-form input[type="text"],.login-form input[type="password"]{padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:14.5px;font-family:inherit;}
  .login-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;margin:12px 0 4px;}
  .checkbox-label{display:flex;align-items:center;gap:6px;color:var(--grey);font-weight:500;}
  .login-link{color:var(--primary-dark);font-weight:700;}
  .login-form .btn{margin-top:16px;}
  .login-note{font-size:13px;color:var(--primary-dark);text-align:center;font-weight:600;min-height:16px;margin-top:10px;}
  .login-disclaimer{font-size:11.5px;color:var(--grey);text-align:center;margin-top:20px;}

  /* ---------- Password show/hide toggle (eye icon) ---------- */
.password-field{position:relative;}
.password-field input{width:100%;padding-right:42px !important;}
.toggle-password{
  position:absolute;
  top:50%;
  right:6px;
  transform:translateY(-50%);
  background:none;
  border:none;
  padding:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--grey);
  cursor:pointer;
  border-radius:8px;
}
.toggle-password:hover{ color:var(--primary-dark); background:var(--light); }
.toggle-password:focus-visible{ outline:2px solid var(--primary); outline-offset:2px; }

/* Password toggle - single icon */
.password-eye {
    display: block;
}

/* Hide browser password reveal button */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}
/* =========================================================
   HITSAAVYA - FIT EXISTING HEADER WITHOUT CHANGING LAYOUT
   ========================================================= */

/* Keep the existing header layout */
.header-inner {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Prevent individual sections from forcing the header wider */
.brand {
    flex-shrink: 1;
    min-width: 0;
}

.brand-text {
    min-width: 0;
}

nav.main-nav {
    flex-shrink: 1;
    min-width: 0;
}

.header-actions {
    flex-shrink: 1;
    min-width: 0;
}


/* =========================================================
   LAPTOP - FIT EVERYTHING WITHOUT CHANGING NAVIGATION
   ========================================================= */

@media (min-width: 921px) and (max-width: 1200px) {

    .header-inner {
        padding-left: 14px;
        padding-right: 14px;
        gap: 10px;
    }

    nav.main-nav {
        gap: 0;
    }

    nav.main-nav a {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 13px;
        white-space: nowrap;
    }

    .header-actions {
        gap: 5px;
    }

    .translate-widget {
        min-width: 125px;
        width: 125px;
        flex: 0 0 125px;
        padding-left: 3px;
        padding-right: 3px;
        overflow: hidden;
    }

    #google_translate_element {
        max-width: 100%;
        overflow: hidden;
    }

    #google_translate_element .goog-te-combo {
        min-width: 0;
        width: 112px;
        max-width: 112px;
        font-size: 12px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .header-actions .btn-sm {
        padding-left: 9px;
        padding-right: 9px;
        font-size: 12px;
        white-space: nowrap;
    }
}


/* =========================================================
   SMALLER LAPTOPS
   ========================================================= */

@media (min-width: 921px) and (max-width: 1050px) {

    .header-inner {
        padding-left: 8px;
        padding-right: 8px;
        gap: 6px;
    }

    nav.main-nav a {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 12px;
    }

    .header-actions {
        gap: 4px;
    }

    .translate-widget {
        min-width: 115px;
        width: 115px;
        flex-basis: 115px;
    }

    #google_translate_element .goog-te-combo {
        width: 103px;
        max-width: 103px;
        font-size: 11px;
    }

    .header-actions .btn-sm {
        padding-left: 7px;
        padding-right: 7px;
        font-size: 11px;
    }
}


/* =========================================================
   MOBILE
   Keep your EXISTING mobile navigation drawer
   ========================================================= */

@media (max-width: 920px) {

    .header-inner {
        width: 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        gap: 7px;
    }

    .brand {
        min-width: 0;
    }

    .brand-text {
        min-width: 0;
    }

    .brand-text .name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header-actions {
        flex-shrink: 0;
        gap: 5px;
    }

    /* Language selector fits without changing its position */
    .translate-widget {
        min-width: 120px;
        width: 120px;
        max-width: 120px;
        flex: 0 0 120px;
        overflow: hidden;
        padding-left: 3px;
        padding-right: 3px;
    }

    #google_translate_element {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    #google_translate_element .goog-te-combo {
        min-width: 0;
        width: 108px;
        max-width: 108px;
        font-size: 12px;
        padding-left: 6px;
        padding-right: 6px;
    }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 600px) {

    .header-inner {
        padding-left: 9px;
        padding-right: 9px;
        gap: 5px;
    }

    .brand-mark {
        width: 38px;
        height: 38px;
    }

    .brand-text .name {
        font-size: 16px;
    }

    .header-actions {
        gap: 4px;
    }

    .header-actions .icon-btn {
        width: 36px;
        height: 36px;
        flex-shrink: 0;
    }

    .translate-widget {
        min-width: 105px;
        width: 105px;
        max-width: 105px;
        flex-basis: 105px;
        height: 38px;
    }

    #google_translate_element .goog-te-combo {
        width: 94px;
        max-width: 94px;
        height: 32px;
        font-size: 11px;
    }

    .header-actions .btn-sm {
        padding: 7px 8px;
        font-size: 11px;
        white-space: nowrap;
    }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 430px) {

    .header-inner {
        padding-left: 6px;
        padding-right: 6px;
        gap: 4px;
    }

    .brand-mark {
        width: 34px;
        height: 34px;
    }

    .brand-text .name {
        font-size: 14px;
    }

    .header-actions {
        gap: 3px;
    }

    .header-actions .icon-btn {
        width: 34px;
        height: 34px;
    }

    .translate-widget {
        min-width: 90px;
        width: 90px;
        max-width: 90px;
        flex-basis: 90px;
        height: 36px;
    }

    #google_translate_element .goog-te-combo {
        width: 82px;
        max-width: 82px;
        font-size: 10px;
    }

    .header-actions .btn-sm {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 10px;
    }
}


/* =========================================================
   PREVENT PAGE FROM GOING OUTSIDE SCREEN
   ========================================================= */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.site-header {
    max-width: 100%;
}