.hgtec{--nav:#0b2545;--blue:#1b6fa8;--sky:#e8f1f8;--gold:#c9a227;--ink:#1d2b3a;--muted:#6b7a8c;--ok:#1a7f37;--bad:#b42318;--line:#e3e8ef;color:var(--ink);font-family:inherit;max-width:1180px;margin:0 auto;padding:8px 16px 40px;box-sizing:border-box}
.hgtec *{box-sizing:border-box}
.hgtec-staffbar{background:#fff7dd;border:1px solid var(--gold);color:#6b5300;padding:8px 14px;border-radius:8px;margin:10px 0;font-size:14px}
.hgtec-hero{background:linear-gradient(135deg,var(--nav),#123a63 60%,var(--blue));color:#fff;border-radius:18px;padding:34px 28px;margin:14px 0 22px;position:relative;overflow:hidden;border-bottom:4px solid var(--gold)}
.hgtec-hero h1{color:#fff;margin:6px 0 10px;font-size:30px;line-height:1.3}
.hgtec-hero p{color:#dbe7f3;margin:0 0 14px;max-width:760px;font-size:16px}
.hgtec-hero-kicker{letter-spacing:3px;color:var(--gold);font-weight:700;font-size:13px}
.hgtec-hero-sm{padding:22px 24px}.hgtec-hero-sm h1{font-size:24px}
.hgtec-hero-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.hgtec-hero-stats span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:5px 12px;border-radius:30px;font-size:13px}
.hgtec-h2{color:var(--nav);font-size:21px;margin:26px 0 12px;border-right:4px solid var(--gold);padding-right:10px}.hgtec-h2 small{color:var(--muted);font-size:13px;font-weight:400}
.hgtec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.hgtec-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 10px rgba(11,37,69,.06);display:flex;flex-direction:column;gap:6px}
.hgtec-card h3{margin:4px 0 0;color:var(--nav);font-size:17px}.hgtec-card .hgtec-btn{margin-top:auto;align-self:flex-start}
.hgtec-card.is-soon{opacity:.62}
.hgtec-card-tag{align-self:flex-start;background:var(--sky);color:var(--blue);font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}
.hgtec-en{color:var(--muted);font-size:13px;text-align:left}
.hgtec-hero .hgtec-en{color:#cfe0f0}
.hgtec-meta{list-style:none;padding:0;margin:6px 0;font-size:14px}.hgtec-meta li{padding:3px 0;border-bottom:1px dashed var(--line)}.hgtec-meta li:last-child{border:0}
.hgtec-btn{display:inline-block;background:var(--nav);color:#fff!important;border:0;border-radius:9px;padding:10px 18px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none!important;font-family:inherit;line-height:1.4}
.hgtec-btn:hover{filter:brightness(1.12)}.hgtec-btn[disabled]{opacity:.45;cursor:not-allowed}
.hgtec-btn-gold{background:var(--gold);color:var(--nav)!important}
.hgtec-btn-ghost{background:#fff;color:var(--nav)!important;border:1px solid var(--line)}
.hgtec-wide{width:100%;margin-top:12px}
.hgtec-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px}
.hgtec-box h3{color:var(--nav);margin-top:0}.hgtec-alert{background:#fff7dd;border-color:var(--gold)}
.hgtec-two{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
.hgtec-muted{color:var(--muted);font-size:13px}.hgtec-note{background:var(--sky);padding:10px 12px;border-radius:8px;font-size:14px}
.hgtec-back{display:inline-block;margin:10px 0 0;color:var(--blue);text-decoration:none}
.hgtec-table{width:100%;border-collapse:collapse;font-size:14px}.hgtec-table th{background:var(--nav);color:#fff;padding:8px;text-align:right}.hgtec-table td{padding:8px;border-bottom:1px solid var(--line)}
.hgtec-pkg{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0}
.hgtec-pkg .hgtec-btn{grid-column:1/-1;text-align:center}
.hgtec-price{font-size:26px;font-weight:800;color:var(--nav)}.hgtec-price small{font-size:13px;color:var(--muted)}
.hgtec-chips{display:flex;flex-wrap:wrap;gap:8px}.hgtec-chip{background:var(--sky);color:var(--nav);border:1px solid #cfe0f0;border-radius:20px;padding:6px 12px;cursor:pointer;font-family:inherit;font-size:13px}
.hgtec-msg{margin-top:10px;background:#fdf1f0;color:var(--bad);padding:8px 12px;border-radius:8px}
/* exam */
.hgtec-exam{margin-top:14px}
.hgtec-exam-top{display:flex;justify-content:space-between;align-items:center;background:var(--nav);color:#fff;border-radius:12px 12px 0 0;padding:12px 18px;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:5}
.hgtec-exam-top .hgtec-muted{color:#cfe0f0}
.hgtec-timer{font-family:monospace;font-size:22px;font-weight:700;background:rgba(255,255,255,.1);padding:4px 12px;border-radius:8px;direction:ltr}.hgtec-timer.is-low{background:var(--bad)}
.hgtec-exam-body{display:grid;grid-template-columns:1fr 260px;gap:16px;background:#f6f8fb;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:16px}
.hgtec-qpane{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--line);min-height:360px}
.hgtec-qhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:700;color:var(--nav);margin-bottom:12px}
.hgtec-flag{margin-inline-start:auto;font-weight:400;font-size:13px;color:#8a6d00;cursor:pointer}
.hgtec-scenario{background:#f2f7fc;border-right:4px solid var(--blue);padding:12px 14px;border-radius:8px;margin-bottom:14px;font-size:15px}
.hgtec-scenario .en,.hgtec-q .en{text-align:left}
.hgtec-q{font-size:17px;margin-bottom:14px}.hgtec-q .en{font-weight:700;color:var(--nav)}.hgtec-q .ar{color:#3d4b5c;margin-top:6px;font-size:16px}
.hgtec-opts{display:flex;flex-direction:column;gap:10px}
.hgtec-opt{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;background:#fff;transition:.15s}
.hgtec-opt:hover{border-color:var(--blue)}.hgtec-opt.is-on{border-color:var(--nav);background:#eef4fb;box-shadow:0 0 0 2px rgba(11,37,69,.08)}
.hgtec-opt input{margin-top:5px}.hgtec-opt .k{background:var(--nav);color:#fff;border-radius:6px;min-width:26px;text-align:center;font-weight:700;padding:2px 0}
.hgtec-opt .t{display:flex;flex-direction:column;gap:3px;flex:1}.hgtec-opt .t .en{text-align:left;font-weight:600;color:var(--ink)!important;opacity:1}.hgtec-opt .t .ar{color:#3d4b5c;font-size:14px}
.hgtec-nav{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:8px}
.hgtec-side{background:#fff;border-radius:12px;padding:14px;border:1px solid var(--line);align-self:start;position:sticky;top:70px}
.hgtec-legend{font-size:12px;color:var(--muted);margin-bottom:10px}.hgtec-legend span{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 2px;vertical-align:middle;border:1px solid var(--line)}
.hgtec-legend .d-ans,.hgtec-cell.d-ans{background:var(--nav);color:#fff;border-color:var(--nav)}.hgtec-legend .d-flag{background:var(--gold)}
.hgtec-qgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;max-height:420px;overflow:auto}
.hgtec-cell{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 0;font-size:12px;cursor:pointer;font-family:inherit;position:relative}
.hgtec-cell.d-flag::after{content:'';position:absolute;top:2px;left:2px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.hgtec-cell.is-cur{outline:2px solid var(--gold);outline-offset:1px}
.hgtec-modal{position:fixed;inset:0;background:rgba(11,37,69,.55);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}
.hgtec-modal[hidden]{display:none}.hgtec-modal-box{background:#fff;border-radius:14px;padding:22px;max-width:440px;width:100%;border-top:4px solid var(--gold)}
.hgtec-modal-actions{display:flex;gap:10px;margin-top:14px}
/* review */
.hgtec-report img{max-width:160px}
.hgtec-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.hgtec-rq{background:#fff;border:1px solid var(--line);border-right:5px solid var(--muted);border-radius:10px;padding:10px 14px;margin-bottom:8px}
.hgtec-rq.is-ok{border-right-color:var(--ok)}.hgtec-rq.is-bad{border-right-color:var(--bad)}
.hgtec-rq summary{cursor:pointer}.hgtec-rq summary em{font-style:normal;font-size:12px;color:var(--muted);margin-inline-start:6px}
.hgtec-ropts{list-style:none;padding:0}.hgtec-ropts li{padding:8px 10px;border:1px solid var(--line);border-radius:8px;margin:6px 0}
.hgtec-ropts li.right{background:#eef8f1;border-color:var(--ok)}.hgtec-ropts li.wrong{background:#fdf1f0;border-color:var(--bad)}
.hgtec-ropts span[dir=ltr]{display:inline-block;text-align:left}
.hgtec-exp{background:#f6f8fb;padding:10px;border-radius:8px;font-size:14px}.hgtec-exp div[dir=ltr]{text-align:left}
@media (max-width:860px){.hgtec-two,.hgtec-exam-body{grid-template-columns:1fr}.hgtec-side{position:static}.hgtec-qgrid{grid-template-columns:repeat(8,1fr)}.hgtec-hero h1{font-size:23px}}
@media (max-width:480px){.hgtec-qgrid{grid-template-columns:repeat(6,1fr)}.hgtec-qpane{padding:14px}.hgtec-exam-top{padding:10px 12px}.hgtec-timer{font-size:18px}}
/* admin portal */
.hgtec-portal{max-width:1100px}
.hgtec-ptabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hgtec-ptabs a{color:#fff;text-decoration:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:7px 14px;border-radius:30px;font-size:14px}.hgtec-ptabs a.on{background:var(--gold);color:var(--nav);border-color:var(--gold);font-weight:700}
.hgtec-login{max-width:420px;margin:40px auto;background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:14px;padding:26px}.hgtec-login h2{text-align:center;color:var(--nav);margin:6px 0 16px}
.hgtec-form label,.hgtec-login label{display:block;font-weight:600;color:var(--nav);margin-bottom:12px;font-size:14px}.hgtec-form input,.hgtec-form select,.hgtec-login input[type=text],.hgtec-login input:not([type]),.hgtec-login input[type=password],.hgtec-search input{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid #cfd8e3;border-radius:8px;font-size:15px;font-family:inherit;background:#fff}
.hgtec-login label.inline{display:flex;gap:6px;align-items:center;font-weight:400}.hgtec-login label.inline input{width:auto;margin:0}
.hgtec-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hgtec-okmsg{background:#eef8f1;border-color:var(--ok);color:var(--ok);font-weight:600}
.hgtec-wa{background:#25D366!important;color:#fff!important;padding:6px 14px}
.hgtec-search{display:flex;gap:8px;margin-bottom:12px}.hgtec-search input{margin:0}
.hgtec-scroll{overflow-x:auto}.hgtec-scroll .hgtec-table{min-width:640px}
@media (max-width:600px){.hgtec-row{grid-template-columns:1fr}}