/* UKGLTD 7.1.0 — Membership system (public, member portal, admin hub). Scoped with .ukgm- */
.ukgm{--n:#19224C;--b:#2C4FA2;--g:#C9A646;--gl:#F6EFD8;--ink:#19233A;--mut:#5B677A;--line:#DFE5EE;--bg:#F5F7FB;--ok:#0F7B4B;--okb:#E5F5EC;--warn:#8A5A00;--warnb:#FFF4DA;--bad:#B42318;--badb:#FDECEA;--info:#1E4E9A;--infob:#E8F0FC;color:var(--ink);line-height:1.65}
.ukgm *{box-sizing:border-box}
.ukgm a{color:var(--b)}
.ukgm-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ukgm-hero{background:linear-gradient(135deg,#141B3F 0%,#19224C 55%,#24357A 100%);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden}
.ukgm-hero:after{content:"";position:absolute;inset:auto -120px -160px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(201,166,70,.28),transparent 70%)}
.ukgm-hero h1{font-size:clamp(30px,4.6vw,50px);line-height:1.12;margin:10px 0 14px;color:#fff;max-width:820px}
.ukgm-hero p{font-size:18px;max-width:760px;color:#D9DFF0;margin:0 0 24px}
.ukgm-kicker{display:inline-block;color:var(--g);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.ukgm-crumbs{font-size:14px;color:#AFB8D6}.ukgm-crumbs a{color:#D9DFF0;text-decoration:none}
.ukgm-actions{display:flex;flex-wrap:wrap;gap:10px}
.ukgm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 18px;font-weight:800;font-size:15px;text-decoration:none!important;cursor:pointer;background:var(--n);color:#fff!important;line-height:1.2;font-family:inherit}
.ukgm-btn:hover{filter:brightness(1.12)}
.ukgm-btn.gold{background:var(--g);color:#19224C!important}
.ukgm-btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.55)}
.ukgm-btn.line{background:#fff;color:var(--n)!important;border:1.5px solid var(--line)}
.ukgm-btn.danger{background:var(--bad)}
.ukgm-btn.sm{padding:8px 12px;font-size:13px;border-radius:8px}
.ukgm-btn[disabled],.ukgm-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.ukgm-btn:focus-visible,.ukgm input:focus-visible,.ukgm select:focus-visible,.ukgm textarea:focus-visible{outline:3px solid #8FB3FF;outline-offset:2px}
.ukgm-section{padding:52px 0}.ukgm-section.alt{background:var(--bg)}
.ukgm-section h2{font-size:clamp(24px,3vw,32px);color:var(--n);margin:0 0 8px}
.ukgm-lead{color:var(--mut);max-width:800px;margin:0 0 26px;font-size:17px}
.ukgm-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}
.ukgm-grid.three{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.ukgm-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(25,34,76,.06);min-width:0}
.ukgm-card h3{margin:6px 0 6px;color:var(--n);font-size:20px;line-height:1.25}
.ukgm-card .ukgm-badge{width:120px;height:150px;object-fit:contain;margin:0 auto 6px;display:block}
.ukgm-card ul{padding-inline-start:18px;margin:10px 0 16px;color:var(--ink);font-size:14.5px}
.ukgm-card ul li{margin:3px 0}
.ukgm-card .ukgm-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.ukgm-fee{font-weight:800;color:var(--n);background:var(--gl);border-radius:10px;padding:7px 10px;font-size:14px;display:inline-block}
.ukgm-muted{color:var(--mut)}.ukgm-small{font-size:13px}
.ukgm-note{background:var(--infob);border:1px solid #C9DAF5;border-radius:14px;padding:14px 16px;color:#1B3766;font-size:14.5px}
.ukgm-note.warn{background:var(--warnb);border-color:#F2DDA6;color:#6A4700}
.ukgm-note.bad{background:var(--badb);border-color:#F3C5BF;color:#7A1A12}
.ukgm-note.ok{background:var(--okb);border-color:#BFE6CF;color:#0C5A37}
.ukgm-steps{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));counter-reset:s}
.ukgm-step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;counter-increment:s}
.ukgm-step:before{content:counter(s);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--n);color:#fff;font-weight:800;margin-bottom:8px}
.ukgm-step b{display:block;color:var(--n)}
.ukgm-chip{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:800;white-space:nowrap}
.ukgm-ok{background:var(--okb);color:var(--ok)}.ukgm-warn{background:var(--warnb);color:var(--warn)}.ukgm-bad{background:var(--badb);color:var(--bad)}.ukgm-info{background:var(--infob);color:var(--info)}.ukgm-muted.ukgm-chip,.ukgm-chip.ukgm-muted{background:#EEF1F6;color:#4E5B70}
.ukgm-form label{display:block;font-weight:700;font-size:14px;margin:0 0 12px;color:var(--ink)}
.ukgm-form input[type=text],.ukgm-form input[type=email],.ukgm-form input[type=url],.ukgm-form input[type=number],.ukgm-form input[type=date],.ukgm-form input[type=file],.ukgm-form input[type=color],.ukgm-form select,.ukgm-form textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #C4CFDF;border-radius:10px;font:inherit;font-weight:400;background:#fff;color:var(--ink)}
.ukgm-form input[type=color]{height:42px;padding:4px}
.ukgm-form textarea{min-height:110px}
.ukgm-form .ukgm-check{display:flex;gap:10px;align-items:flex-start;font-weight:500;background:#F8FAFD;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.ukgm-form .ukgm-check input{margin-top:4px;flex:0 0 auto;width:18px;height:18px}
.ukgm-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 18px}
.ukgm-terms{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:6px 16px;background:#FBFCFE;font-size:14px}
.ukgm-terms h4{margin:14px 0 2px;color:var(--n);font-size:15px}.ukgm-terms p{margin:0 0 6px}
.ukgm-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.ukgm-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.ukgm-table th,.ukgm-table td{padding:10px 12px;border-bottom:1px solid #EDF1F6;text-align:start;vertical-align:top}
.ukgm-table th{background:#F6F8FC;color:#3C4A62;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}
.ukgm-kv{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:6px 14px;font-size:14.5px}
.ukgm-kv dt{color:var(--mut)}.ukgm-kv dd{margin:0;font-weight:600;word-break:break-word}
.ukgm-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin:0 0 18px}
.ukgm-panel h2,.ukgm-panel h3{margin-top:0;color:var(--n)}
.ukgm-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.ukgm-tabs a{padding:7px 11px;border-radius:9px;background:#EEF2F9;color:#26345E;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}
.ukgm-tabs a.on{background:var(--n);color:#fff}
.ukgm-tabs a .ukgm-count{display:inline-block;margin-inline-start:6px;background:var(--g);color:#19224C;border-radius:99px;padding:0 6px;font-size:11px}
.ukgm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}
.ukgm-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.ukgm-stat b{display:block;font-size:26px;color:var(--n)}.ukgm-stat span{font-size:13px;color:var(--mut)}
.ukgm-inline{display:inline}
.ukgm-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ukgm-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.ukgm-verify-result{border-radius:18px;padding:22px;border:2px solid var(--line);background:#fff;display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center}
.ukgm-verify-result.ok{border-color:#9AD7B5}.ukgm-verify-result.bad{border-color:#F0B2AA}
.ukgm-verify-result img{width:110px;height:138px;object-fit:contain}
.ukgm-dir-card .ukgm-badge{width:70px;height:88px;margin:0}
.ukgm-dir-head{display:flex;gap:12px;align-items:center}
.ukgm-diff{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ukgm-diff>div{background:#F8FAFD;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:13.5px;white-space:pre-wrap;word-break:break-word}
.ukgm-diff .chg{background:#FFF7E3;border-color:#F0D58E}
details.ukgm-more{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff;margin:0 0 10px}
details.ukgm-more summary{cursor:pointer;font-weight:800;color:var(--n)}
.ukgm-timeline{list-style:none;padding:0;margin:0;font-size:13.5px}
.ukgm-timeline li{padding:7px 0;border-bottom:1px dashed #E3E8F0}
[dir=rtl] .ukgm{font-family:"IBM Plex Sans Arabic",Tajawal,Arial,sans-serif}
@media (max-width:720px){.ukgm-hero{padding:44px 0 38px}.ukgm-kv{grid-template-columns:1fr}.ukgm-kv dt{margin-top:6px}.ukgm-verify-result{grid-template-columns:1fr;text-align:center}.ukgm-verify-result img{margin:0 auto}.ukgm-diff{grid-template-columns:1fr}.ukgm-section{padding:36px 0}}
@media print{.ukgm-btn,.ukgm-tabs{display:none!important}}

/* Robust contrast inside the site theme (theme rules for p/h1 must not override the hero) */
.ukgm .ukgm-hero h1,.ukgm .ukgm-hero h1 *{color:#fff!important;opacity:1!important}
.ukgm .ukgm-hero p{color:#DCE2F2!important;opacity:1!important}
.ukgm .ukgm-hero .ukgm-kicker{color:#E0C66E!important}
.ukgm .ukgm-section h2{color:var(--n)}
html[lang="ar"] .ukgm p.ukgm-small,html[lang="ar"] .ukgm .ukgm-small{font-size:15.5px!important;line-height:1.8!important}
html[lang="ar"] .ukgm .ukgm-card li{font-size:16px!important;line-height:1.75!important}
html[lang="ar"] .ukgm .ukgm-hero p{font-size:18px!important}