:root { --blue:#185FA5; --blue-light:#E6F1FB; --blue-mid:#378ADD; --teal:#0F6E56; --teal-light:#E1F5EE; --gold:#B8860B; --gold-light:#FEF9EC; --near-black:#0D1B2A; --gray:#6B7A8D; --gray-light:#F5F7FA; --white:#ffffff; --border:#E2E8F0; }
    html { scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }
    html::-webkit-scrollbar { display: none; }
    body { font-family:'Plus Jakarta Sans',sans-serif; background:var(--white); color:var(--near-black); font-size:15px; overflow-x:hidden; scrollbar-width: none; -ms-overflow-style: none; }
    body::-webkit-scrollbar { display: none; }
    .logo { font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:22px; letter-spacing:-.5px; color:#002970; flex-shrink:0; }
    .nav-links>a,.dropdown-toggle { display:inline-flex; align-items:center; gap:4px; padding:9px 12px; border-radius:999px; font-size:14px; font-weight:500; color:var(--gray); text-decoration:none; transition:.18s ease; white-space:nowrap; }
    .nav-cta { background:var(--blue); color:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-weight:500; font-size:14px; padding:10px 24px; border-radius:10px; border:none; cursor:pointer; text-decoration:none; white-space:nowrap; box-shadow:0 8px 20px rgba(24,95,165,.18); transition:transform .2s ease,background .2s ease,box-shadow .2s ease; } .nav-cta:hover { background:#144f8a; transform:translateY(-2px); box-shadow:0 14px 30px rgba(24,95,165,.3); }
    .hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; padding:64px 48px 56px; gap:48px; background:linear-gradient(135deg,#F5F7FA 0%,#EBF4FF 100%); position:relative; overflow:hidden; }
    .hero::before { content:''; position:absolute; right:-60px; top:-60px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle,#CBE2F8 0%,transparent 70%); pointer-events:none; }
    .hero-left,.hero-visual { position:relative; z-index:1; }
    .hero-badge { display:inline-flex; align-items:center; gap:6px; background:var(--teal-light); color:var(--teal); font-size:12px; font-weight:600; padding:5px 12px; border-radius:20px; margin-bottom:16px; }
    .hero-badge span { width:6px; height:6px; border-radius:50%; background:var(--teal); display:inline-block; }
    .hero h1 { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(32px,4vw,46px); font-weight:700; line-height:1.18; color:var(--near-black); margin-bottom:14px; letter-spacing:-1px; }
    .hero h1 em { color:var(--blue); font-style:normal; }
    .credential-strip { display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
    .cred-badge { display:inline-flex; align-items:center; gap:5px; background:var(--gold-light); color:var(--gold); border:1px solid #F0D080; font-size:12px; font-weight:600; padding:4px 11px; border-radius:6px; }
    .cred-badge svg { width:13px; height:13px; fill:var(--gold); }
    .cred-divider { font-size:11px; color:var(--gray); }
    .hero p { font-size:15px; color:var(--gray); line-height:1.7; margin-bottom:24px; max-width:460px; }
    .hero-btns { display:flex; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
    .btn-primary,.btn-ghost,.btn-white,.btn-outline-white { padding:13px 28px; border-radius:8px; font-family:'Plus Jakarta Sans',sans-serif; font-weight:500; font-size:15px; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; transition:.18s ease; }
    .btn-primary { background:var(--blue); color:#fff; border:none; }
    .btn-ghost { background:transparent; color:var(--blue); border:1.5px solid var(--blue); }
    .btn-primary:hover { background:#144f8a; transform:translateY(-2px); box-shadow:0 12px 28px rgba(24,95,165,.28); } .btn-ghost:hover { background:var(--blue-light); transform:translateY(-2px); } .btn-white:hover { background:#FFD166; transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,.15); } .btn-outline-white:hover { background:rgba(255,255,255,.08); border-color:#fff; transform:translateY(-2px); }
    .batch-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(24,95,165,.08); color:var(--blue); font-size:12px; padding:5px 12px; border-radius:20px; font-weight:500; }
    .hero-visual { display:flex; flex-direction:column; gap:12px; }
    .hero-card { background:var(--white); border-radius:14px; padding:16px 18px; border:1px solid var(--border); display:flex; align-items:center; gap:14px; box-shadow:0 12px 30px rgba(13,27,42,.045); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; cursor:pointer; } .hero-card:hover { transform:translateY(-4px); box-shadow:0 20px 45px rgba(24,95,165,.14); border-color:var(--blue-mid); }
    .hero-card-icon { width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
    .ic-blue { background:var(--blue-light); } .ic-teal { background:var(--teal-light); } .ic-purple { background:#EEEDFE; }
    .hero-card-text { min-width:0; }
    .hero-card-text p { font-size:13px; font-weight:600; color:var(--near-black); margin-bottom:2px; }
    .hero-card-text span { font-size:11px; color:var(--gray); }
    .hero-card-meta { margin-left:auto; text-align:right; flex-shrink:0; }
    .hero-card-meta .weeks { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:700; color:var(--blue); }
    .hero-card-meta .wlabel { font-size:10px; color:var(--gray); }
    .guarantee-pill,.job-tag { background:#E8FBF1; border:1px solid #9FE1CB; color:#085041; font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px; margin-top:4px; display:inline-flex; align-items:center; gap:5px; }
    .jg-banner { background:linear-gradient(90deg,#0D1B2A 0%,#185FA5 100%); padding:32px 48px; display:flex; align-items:center; gap:20px; }
    .jg-icon { font-size:36px; flex-shrink:0; }
    .jg-text h3 { font-family:'Plus Jakarta Sans',sans-serif; font-size:20px; font-weight:700; color:#fff; margin-bottom:6px; }
    .jg-text p { font-size:13px; color:rgba(255,255,255,.7); max-width:640px; line-height:1.6; }
    .jg-tag { margin-left:auto; flex-shrink:0; background:#FFD166; color:#0D1B2A; font-family:'Plus Jakarta Sans',sans-serif; font-size:13px; font-weight:700; padding:10px 22px; border-radius:8px; white-space:nowrap; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; } .jg-tag:hover { transform:scale(1.05); box-shadow:0 10px 24px rgba(255,209,102,.4); background:#ffe08a; }
    .stats { display:grid; grid-template-columns:repeat(4,1fr); background:var(--blue); }
    .stat-item { padding:18px 14px; text-align:center; border-right:1px solid rgba(255,255,255,.15); transition:background .2s ease; cursor:default; } .stat-item:hover { background:rgba(255,255,255,.06); }
    .stat-item:last-child { border-right:none; }
    .stat-num { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; color:#fff; margin-bottom:2px; }
    .stat-label { font-size:11px; color:rgba(255,255,255,.7); }
    .iit-section { padding:64px 48px; background:var(--gold-light); border-top:1px solid #F0D080; border-bottom:1px solid #F0D080; }
    .iit-inner,.section,.why-grid,.footer-top,.footer-bottom { max-width:1260px; margin:0 auto; }
    .iit-inner { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
    .iit-left h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; font-weight:700; color:var(--near-black); margin-bottom:12px; line-height:1.3; }
    .iit-left h2 span { color:var(--gold); }
    .iit-left p,.course-card p,.why-card p { font-size:14px; color:var(--gray); line-height:1.7; }
    .iit-points { display:flex; flex-direction:column; gap:10px; margin-top:20px; }
    .iit-point { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:var(--near-black); line-height:1.5; }
    .iit-point::before { content:'✦'; color:var(--gold); font-size:12px; margin-top:2px; flex-shrink:0; }
    .iit-right { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .iit-card { background:var(--white); border-radius:14px; padding:22px 18px; border:1px solid #F0D080; text-align:center; transition:transform .25s ease,box-shadow .25s ease; cursor:pointer; } .iit-card:hover { transform:translateY(-4px); box-shadow:0 16px 38px rgba(184,134,11,.14); }
    .iit-card .inst-badge { display:inline-block; font-family:'Plus Jakarta Sans',sans-serif; font-size:22px; font-weight:700; color:var(--gold); margin-bottom:6px; }
    .iit-card h4 { font-size:13px; font-weight:600; color:var(--near-black); margin-bottom:4px; }
    .iit-card p { font-size:12px; color:var(--gray); line-height:1.5; }
    .section { padding:64px 48px; }
    .section-header { text-align:center; margin-bottom:44px; }
    .section-tag { font-size:18px; font-weight:500; color:var(--blue); text-transform:uppercase; letter-spacing:.1em; margin-bottom:10px; }
    .section h2,.why-section h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:30px; font-weight:700; color:var(--near-black); letter-spacing:-.5px; margin-bottom:10px; }
    .section p.sub,.why-section p.sub { font-size:14px; color:var(--gray); max-width:520px; margin:0 auto; line-height:1.7; }
    .course-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
    .course-card { border-radius:16px; padding:28px 24px; border:1px solid var(--border); display:flex; flex-direction:column; gap:14px; background:var(--white); box-shadow:0 10px 30px rgba(13,27,42,.04); transition:transform .25s ease,box-shadow .25s ease; } .course-card:hover { transform:translateY(-6px); box-shadow:0 20px 45px rgba(13,27,42,.12); }
    .cc-1 { border-top:3px solid var(--blue); } .cc-2 { border-top:3px solid var(--teal); } .cc-3 { border-top:3px solid #7F77DD; }
    .course-icon { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; }
    .ci-1 { background:var(--blue-light); } .ci-2 { background:var(--teal-light); } .ci-3 { background:#EEEDFE; }
    .course-card h3 { font-family:'Plus Jakarta Sans',sans-serif; font-size:17px; font-weight:600; color:var(--near-black); line-height:1.3; }
    .badge-row { display:flex; gap:6px; flex-wrap:wrap; }
    .badge { font-size:11px; font-weight:500; padding:4px 10px; border-radius:20px; }
    .b-blue { background:var(--blue-light); color:var(--blue); } .b-teal { background:var(--teal-light); color:var(--teal); } .b-purple { background:#EEEDFE; color:#534AB7; } .b-gray { background:#F1EFE8; color:#5F5E5A; } .b-gold { background:var(--gold-light); color:var(--gold); border:1px solid #F0D080; }
    .course-manager-row { display:flex; align-items:center; gap:8px; background:var(--gold-light); border-radius:8px; padding:9px 12px; border:1px solid #F0D080; }
    .cm-avatar { width:28px; height:28px; border-radius:50%; background:var(--gold); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; color:#fff; flex-shrink:0; }
    .cm-text p { font-size:11px; font-weight:600; color:var(--near-black); line-height:1.2; }
    .cm-text span { font-size:10px; color:var(--gold); font-weight:500; }
    .course-link { font-size:13px; font-weight:500; color:var(--blue); display:flex; align-items:center; gap:4px; text-decoration:none; margin-top:2px; transition:gap .2s ease,color .2s ease; } .course-link:hover { gap:8px; color:#144f8a; }
    .course-link::after { content:' →'; }
    .why-section { background:var(--gray-light); padding:64px 48px; }
    .why-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:44px; }
    .why-card { background:var(--white); border-radius:14px; padding:28px 24px; border:1px solid var(--border); display:flex; gap:18px; align-items:flex-start; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; } .why-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(24,95,165,.1); border-color:var(--blue-mid); }
    .why-icon { font-size:28px; flex-shrink:0; margin-top:2px; }
    .why-card h4 { font-family:'Plus Jakarta Sans',sans-serif; font-size:15px; font-weight:600; color:var(--near-black); margin-bottom:6px; }
    .cta-strip { background:var(--near-black); padding:60px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .cta-strip h2 { font-family:'Plus Jakarta Sans',sans-serif; font-size:26px; font-weight:700; color:#fff; max-width:500px; line-height:1.35; }
    .cta-strip h2 span { color:#FFD166; }
    .cta-strip-btns { display:flex; gap:12px; flex-shrink:0; }
    .btn-white { background:#fff; color:var(--near-black); border:none; white-space:nowrap; }
    .btn-outline-white { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.4); white-space:nowrap; }
    footer { background:#0D1B2A; padding:40px 48px 24px; display:flex; flex-direction:column; gap:24px; }
    .footer-top { display:flex; justify-content:space-between; align-items:flex-start; gap:32px; width:100%; }
    .footer-tagline { font-size:12px; color:rgba(255,255,255,.4); margin-top:4px; }
    .footer-links { display:flex; gap:48px; }
    .footer-col-toggle { display:block; width:100%; background:none; border:none; padding:0; margin-bottom:10px; font-family:inherit; text-align:left; cursor:default; font-size:11px; font-weight:600; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:.08em; }
    .footer-col-arrow { display:none; }
    .footer-col-links { display:block; }
    .footer-col a { display:block; font-size:13px; color:rgba(255,255,255,.6); text-decoration:none; margin-bottom:7px; transition:color .2s ease,transform .2s ease; } .footer-col a:hover { color:#fff; transform:translateX(3px); }
    .footer-bottom { border-top:1px solid rgba(255,255,255,.08); padding-top:18px; display:flex; justify-content:space-between; width:100%; }
    @media (max-width:1024px){ .hero{grid-template-columns:1fr;text-align:center;padding:60px 24px}.hero-visual{max-width:700px;width:100%;margin:auto}.hero p{max-width:680px;margin-left:auto;margin-right:auto}.hero-btns,.credential-strip{justify-content:center}.iit-inner{grid-template-columns:1fr}.course-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.cta-strip{flex-direction:column;text-align:center}.footer-top{flex-direction:column}.footer-links{width:100%;justify-content:space-between}}
    @media (max-width:768px){ nav{min-height:64px;padding:12px 16px;flex-wrap:wrap;gap:12px}.trust-sep{display:none}.hero{padding:50px 16px;gap:30px}.hero h1{font-size:34px}.hero-card{flex-wrap:wrap;text-align:left}.hero-card-meta{margin-left:0;text-align:left;width:100%;display:flex;align-items:center;gap:8px}.hero-card-meta .wlabel{margin-right:auto}.jg-banner{flex-direction:column;text-align:center;padding:24px 16px}.jg-tag{margin-left:0}.stats{grid-template-columns:1fr 1fr}.iit-section,.section,.why-section{padding:50px 16px}.iit-right{grid-template-columns:1fr}.iit-card{grid-column:auto!important}.course-grid,.why-grid{grid-template-columns:1fr}.cta-strip{padding:30px 16px;gap:14px}.cta-strip-btns{flex-direction:row;width:100%;gap:10px}.btn-white,.btn-outline-white{flex:1;width:auto;padding:11px 8px;font-size:13px;white-space:normal}.footer-links{flex-wrap:wrap;gap:24px}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}
    @media (max-width:480px){ nav{padding:12px 14px}.logo{font-size:20px}.hero{padding:40px 14px}.hero h1{font-size:28px;line-height:1.3}.hero-btns{flex-direction:column;width:100%}.btn-primary,.btn-ghost{width:100%;text-align:center}.hero-card{padding:14px}.hero-card-text{width:calc(100% - 58px)}.stat-num{font-size:22px}.stat-item{padding:14px 8px}.section h2,.why-section h2,.iit-left h2{font-size:24px}.cta-strip h2{font-size:22px}.stats{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:none}.stat-item:nth-child(3){border-top:1px solid rgba(255,255,255,.15)}.footer-links{flex-direction:column}footer{padding:32px 16px}.batch-badge{display:flex;width:100%;justify-content:center;line-height:1.4}}

    /* ===== MOBILE CONTENT PRIORITIZATION (≤768px) =====
       Keep desktop/tablet exactly as-is. On phones: surface the high-value
       trust/urgency signals, restore the job-guarantee banner (was fully
       hidden), and tuck secondary detail (supervision bullets, footer link
       lists) behind tap-to-expand accordions instead of hiding them.
       Accordions use a JS-toggled .open class (not native <details>) so
       behavior is identical and predictable across browsers. */
    .iit-toggle-btn{display:none}
    @media (max-width:768px){
      .trust-bar{display:none}

      .jg-banner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 18px;gap:10px}
      .jg-icon{font-size:30px}
      .jg-text h3{font-size:16px}
      .jg-text p{font-size:12px;max-width:100%}
      .jg-tag{margin-left:0;width:100%;text-align:center}

      .iit-points-toggle{border:1px solid #F0D080;border-radius:12px;background:var(--white);margin-top:18px;overflow:hidden}
      .iit-toggle-btn{display:flex;width:100%;align-items:center;justify-content:space-between;background:none;border:none;padding:13px 16px;font-family:inherit;font-size:13px;font-weight:600;color:var(--near-black);cursor:pointer}
      .iit-toggle-arrow{color:var(--gold);font-size:13px;transition:transform .2s ease}
      .iit-points-toggle.open .iit-toggle-arrow{transform:rotate(180deg)}
      .iit-points-toggle .iit-points{display:none;padding:0 16px 16px;margin-top:0}
      .iit-points-toggle.open .iit-points{display:flex}

      .why-card{padding:18px 16px;gap:14px}
      .why-icon{font-size:22px}
    }


    /* ===== STANDARD ENROLL FORM STYLES (clean & minimal) ===== */
    #compactEnroll {
      background: #fff;
      border: 1px solid var(--border, #E2E8F0);
      border-radius: 14px;
      padding: 22px;
      box-shadow: 0 10px 30px rgba(13,27,42,.06);
      cursor: pointer;
      transition: box-shadow .2s ease, transform .2s ease;
    }
    #compactEnroll:hover {
      box-shadow: 0 16px 40px rgba(13,27,42,.1);
      transform: translateY(-2px);
    }
    #compactEnroll h3 {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 4px;
      color: var(--near-black, #0D1B2A);
    }
    #compactEnroll > p {
      font-size: 13px;
      color: var(--gray, #6B7A8D);
      margin-bottom: 16px;
    }
    .ec-field { margin-bottom: 12px; }
    .ec-field label {
      display: block;
      font-size: 12px;
      font-weight: 600;
      margin-bottom: 5px;
      color: var(--near-black, #0D1B2A);
    }
    .ec-field label .req { color: #E53E3E; }
    .ec-field input {
      width: 100%;
      padding: 11px 12px;
      border: 1.5px solid var(--border, #E2E8F0);
      border-radius: 8px;
      font-size: 14px;
      font-family: 'Plus Jakarta Sans', sans-serif;
      background: #fff;
    }
    .ec-field input:focus {
      outline: none;
      border-color: var(--blue, #185FA5);
      box-shadow: 0 0 0 3px rgba(24,95,165,.1);
    }
    .ec-phone { display: flex; align-items: stretch; border-radius: 8px; overflow: hidden; border: 1.5px solid var(--border, #E2E8F0); }
    .ec-phone:focus-within { border-color: var(--blue, #185FA5); box-shadow: 0 0 0 3px rgba(24,95,165,.1); }
    .ec-prefix { padding: 0 11px; display: flex; align-items: center; background: #F5F7FA; font-weight: 600; font-size: 13px; color: var(--gray, #6B7A8D); border-right: 1.5px solid var(--border, #E2E8F0); }
    .ec-phone input { border: none; border-radius: 0; flex: 1; min-width: 0; }
    .ec-phone input:focus { box-shadow: none; }
    .ec-btn {
      width: 100%; padding: 12px; background: var(--blue, #185FA5); color: #fff;
      border: none; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; margin-top: 4px;
    }
    .ec-btn:hover { background: #144f8a; }
    .ec-note { font-size: 11px; color: var(--gray, #6B7A8D); text-align: center; margin-top: 12px; }
    .ec-note b { color: var(--blue, #185FA5); cursor: pointer; }
    .ec-note a { color: var(--blue, #185FA5); text-decoration: none; }
    .ec-note a:hover { text-decoration: underline; }

    /* ===== MODAL (standard clean style) ===== */
    #enrollModal {
      position: fixed; inset: 0; z-index: 500; display: none;
      align-items: center; justify-content: center;
      background: rgba(13,27,42,.65); padding: 20px;
    }
    #enrollModal.show { display: flex; }

    .en-modal {
      background: #fff;
      width: 100%;
      max-width: 520px;
      border-radius: 14px;
      box-shadow: 0 25px 70px -15px rgba(13,27,42,.35);
      overflow: hidden;
    }
    .en-head {
      padding: 22px 26px 18px;
      border-bottom: 1px solid var(--border, #E2E8F0);
    }
    .en-head h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 19px; font-weight: 600; margin-bottom: 3px; }
    .en-head p { font-size: 13px; color: var(--gray, #6B7A8D); }

    .en-body { padding: 18px 26px 26px; max-height: 70vh; overflow-y: auto; }

    .en-field { margin-bottom: 13px; }
    .en-field label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 5px; }
    .en-field label .req { color: #E53E3E; }
    .en-field label .opt { color: var(--gray, #6B7A8D); font-weight: 400; }

    .en-field input, .en-field select {
      width: 100%; padding: 11px 12px; border: 1.5px solid var(--border, #E2E8F0);
      border-radius: 8px; font-size: 14px; background: #fff;
    }
    .en-field input:focus, .en-field select:focus {
      outline: none; border-color: var(--blue, #185FA5);
      box-shadow: 0 0 0 3px rgba(24,95,165,.1);
    }
    .en-row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }

    .en-phone { display: flex; border: 1.5px solid var(--border, #E2E8F0); border-radius: 8px; overflow: hidden; }
    .en-phone:focus-within { border-color: var(--blue, #185FA5); box-shadow: 0 0 0 3px rgba(24,95,165,.1); }
    .en-prefix { padding: 0 11px; display: flex; align-items: center; background: #F5F7FA; font-weight: 600; font-size: 13px; color: var(--gray, #6B7A8D); border-right: 1.5px solid var(--border, #E2E8F0); }
    .en-phone input { border: none; flex: 1; min-width: 0; }

    .en-err { display: none; color: #E53E3E; font-size: 11px; margin-top: 4px; }
    .en-err.show { display: block; }
    .en-field.is-err input, .en-field.is-err select, .en-phone.is-err { border-color: #E53E3E; }

    .en-co { display: flex; align-items: center; gap: 11px; padding: 12px 13px; border: 1.5px solid var(--border, #E2E8F0);
      border-radius: 10px; margin-bottom: 9px; cursor: pointer; }
    .en-co.selected { border-color: var(--teal, #0F6E56); background: #E1F5EE; }
    .en-co .ico { font-size: 18px; }
    .en-co .inf { flex: 1; }
    .en-co .inf b { display: block; font-size: 13px; }
    .en-co .inf span { font-size: 11px; color: var(--gray, #6B7A8D); }
    .en-co .radio { width: 18px; height: 18px; border: 2px solid #CBD5E1; border-radius: 50%; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center; }
    .en-co.selected .radio { border-color: var(--teal, #0F6E56); background: var(--teal, #0F6E56); }
    .en-co.selected .radio::after { content: ""; width: 6px; height: 6px; background: #fff; border-radius: 50%; }
    .en-co.disabled { opacity: .6; pointer-events: none; }

    .en-submit {
      width: 100%; padding: 13px; background: var(--blue, #185FA5); color: #fff; border: none;
      border-radius: 8px; font-weight: 600; font-size: 15px; margin-top: 16px; cursor: pointer;
    }
    .en-submit:hover { background: #144f8a; }
    .en-note { text-align: center; font-size: 11px; color: var(--gray, #6B7A8D); margin-top: 12px; }
    .en-note a { color: var(--blue, #185FA5); text-decoration: none; }
    .en-note a:hover { text-decoration: underline; }

    .en-success { padding: 36px 26px; text-align: center; display: none; }
    .en-success.show { display: block; }
    .en-success .check { width: 64px; height: 64px; background: #22C55E; color: #fff; border-radius: 50%;
      display: flex; align-items: center; justify-content: center; font-size: 26px; margin: 0 auto 14px; }
    .en-success h3 { font-size: 19px; margin-bottom: 6px; }
    .en-success > p { color: var(--gray, #6B7A8D); font-size: 13px; margin-bottom: 18px; }

    .en-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: #E2E8F0; border-radius: 10px; overflow: hidden; margin-bottom: 18px; }
    .en-sum-item { background: #fff; padding: 11px 13px; text-align: left; }
    .en-sum-item .k { font-size: 10px; color: var(--gray, #6B7A8D); text-transform: uppercase; }
    .en-sum-item .v { font-weight: 600; font-size: 13px; margin-top: 2px; }
    .en-sum-item.full { grid-column: 1 / -1; }

    .en-done { padding: 11px 26px; background: var(--near-black, #0D1B2A); color: #fff; border: none; border-radius: 8px; font-weight: 500; cursor: pointer; width: 100%; }

    .en-batch { position: fixed; inset: 0; z-index: 600; display: none; align-items: center; justify-content: center; background: rgba(13,27,42,.6); }
    .en-batch.show { display: flex; }
    .en-batch-card { background: #fff; padding: 28px 24px; border-radius: 14px; text-align: center; max-width: 360px; width: 100%; }
    .en-batch-card h3 { margin-bottom: 8px; }
    .en-batch-card p { font-size: 13px; color: var(--gray, #6B7A8D); margin-bottom: 18px; }
    .en-batch-card button { padding: 11px 26px; background: var(--blue, #185FA5); color: #fff; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; }

    @media (max-width: 600px) {
      .en-row { grid-template-columns: 1fr; }
      .en-summary { grid-template-columns: 1fr; }
    }