:root{--bg:#08111f;--panel:#0d1727;--panel-2:#111d2f;--text:#e9f7ff;--muted:#9db4c6;--line:rgba(164,225,255,.18);--cyan:#28d7ff;--teal:#35f0c4;--violet:#7b61ff;--amber:#ffd166;--red:#ff5578;--card:#101b2c;--white:#fff;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 18% 6%,rgba(40,215,255,.22),transparent 26rem),radial-gradient(circle at 78% 2%,rgba(123,97,255,.28),transparent 28rem),linear-gradient(180deg,#071020 0%,#0b1220 58%,#080d18 100%);color:var(--text);min-height:100vh}a{color:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:rgba(7,16,32,.78);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:18px;min-height:72px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.02em;white-space:nowrap}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0b6bff,#28d7ff);display:grid;place-items:center;color:white;font-size:26px;font-weight:900;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 4px rgba(40,215,255,.08),0 16px 35px rgba(40,215,255,.25)}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:600}.nav{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav a,.lang-select,.theme-select{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:999px;padding:10px 14px;text-decoration:none;font-weight:650;font-size:14px}.nav a:hover,.nav a.active{background:rgba(40,215,255,.14);border-color:rgba(40,215,255,.5)}.lang-select,.theme-select{appearance:none;padding-right:32px;background-color:rgba(255,255,255,.08);background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.hero{padding:86px 0 52px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.badge{display:inline-flex;gap:9px;align-items:center;border:1px solid rgba(53,240,196,.38);background:rgba(53,240,196,.08);color:#c9fff2;border-radius:999px;padding:8px 12px;font-weight:700;font-size:13px}.badge:before{content:'☢';color:var(--amber)}h1{font-size:clamp(24px,2.6vw,32px);line-height:1.22;margin:18px 0 16px;letter-spacing:-.018em;font-weight:760}p.lead{font-size:clamp(16px,1.35vw,18px);line-height:1.62;color:#c4d6e5;margin:0 0 14px;max-width:820px}.lead-secondary{margin-bottom:24px!important}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;border:1px solid var(--line);text-decoration:none;font-weight:800;background:rgba(255,255,255,.06);color:var(--text);min-height:48px}.btn.primary{background:linear-gradient(135deg,#0b6bff,#1dc6ff);border-color:rgba(255,255,255,.2);box-shadow:0 20px 50px rgba(29,198,255,.2)}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.atom-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,27,44,.92),rgba(11,18,32,.72));border-radius:30px;min-height:360px;box-shadow:var(--shadow);position:relative;overflow:hidden;display:grid;place-items:center}.atom-card:before,.atom-card:after{content:'';position:absolute;border:1px solid rgba(40,215,255,.32);border-radius:50%;width:360px;height:120px;transform:rotate(32deg)}.atom-card:after{transform:rotate(-32deg);border-color:rgba(123,97,255,.35)}.nucleus{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#fff 0 5%,#ffd166 6% 16%,#35f0c4 17% 36%,#28d7ff 37% 100%);box-shadow:0 0 70px rgba(40,215,255,.42);z-index:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.stat{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:18px;padding:16px}.stat strong{display:block;font-size:24px}.stat span{color:var(--muted);font-size:13px}.section{padding:44px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section h2{font-size:clamp(26px,3.5vw,42px);margin:0;letter-spacing:-.03em}.section p.sub{color:var(--muted);max-width:820px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:linear-gradient(145deg,rgba(16,27,44,.96),rgba(13,23,39,.86));border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 16px 44px rgba(0,0,0,.18)}.card h3{margin:6px 0 10px;font-size:19px;line-height:1.25}.card p{color:#bed1df;line-height:1.5}.meta{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid rgba(40,215,255,.25);background:rgba(40,215,255,.08);color:#c8f6ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750}.pill.green{border-color:rgba(53,240,196,.32);background:rgba(53,240,196,.08);color:#cafff4}.pill.amber{border-color:rgba(255,209,102,.34);background:rgba(255,209,102,.08);color:#ffe8a6}.download-card .btn{width:100%;margin-top:10px}.note{border-left:3px solid var(--teal);padding:10px 14px;background:rgba(53,240,196,.06);border-radius:10px;color:#c8efe8}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.search{flex:1;min-width:260px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06);color:var(--text);padding:13px 14px;font:inherit}.pdf-group{margin-top:28px}.pdf-group h3{font-size:25px;margin:0 0 14px}.pdf-card{display:flex;flex-direction:column;min-height:185px}.pdf-card .btn{margin-top:auto}.footer{border-top:1px solid var(--line);background:rgba(3,8,16,.55);padding:32px 0 38px;margin-top:48px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.footer p{color:var(--muted);line-height:1.6}.about-box{display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-box .card{min-height:200px}.tableish{display:grid;gap:10px}.row{display:grid;grid-template-columns:160px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;color:#cfe1ed}.row strong{color:white}.hide{display:none!important}body.rtl{direction:rtl}.rtl .nav{margin-left:0;margin-right:auto}@media(max-width:840px){.hero-grid,.footer-grid,.about-box{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;flex-direction:column;padding:12px 0}.nav{margin-left:0}.stats{grid-template-columns:1fr}.row{grid-template-columns:1fr}.atom-card{min-height:260px}}


/* Theme and select contrast refinements */

.lang-select,.theme-select{color-scheme:dark;background-color:#101b2c!important;color:#e9f7ff!important;border-color:rgba(164,225,255,.22)!important}
.lang-select option,.theme-select option{background-color:#101b2c!important;color:#e9f7ff!important}
.lang-select:focus,.theme-select:focus,.search:focus{outline:2px solid rgba(40,215,255,.55);outline-offset:2px}
body.theme-light .lang-select,body.theme-light .theme-select{color-scheme:light;background-color:#fff!important;color:#0b1725!important;border-color:rgba(10,65,95,.24)!important;background-image:linear-gradient(45deg,transparent 50%,#0b1725 50%),linear-gradient(135deg,#0b1725 50%,transparent 50%)}
body.theme-light .lang-select option,body.theme-light .theme-select option{background-color:#fff!important;color:#0b1725!important}
body.theme-light{--bg:#f5f9fc;--panel:#ffffff;--panel-2:#eef6fb;--text:#0b1725;--muted:#496173;--line:rgba(10,65,95,.18);--card:#ffffff;background:radial-gradient(circle at 18% 6%,rgba(40,215,255,.16),transparent 26rem),radial-gradient(circle at 78% 2%,rgba(123,97,255,.12),transparent 28rem),linear-gradient(180deg,#f7fbff 0%,#eef6fb 58%,#f8fbfd 100%);color:var(--text)}
body.theme-light .topbar{background:rgba(248,251,255,.86);border-bottom-color:rgba(10,65,95,.16)}
body.theme-light .brand small,body.theme-light .stat span,body.theme-light .section p.sub,body.theme-light .footer p{color:var(--muted)}
body.theme-light .nav a,body.theme-light .lang-select,body.theme-light .theme-select,body.theme-light .search{background:rgba(255,255,255,.82);color:#0b1725;border-color:rgba(10,65,95,.2)}
body.theme-light .nav a:hover,body.theme-light .nav a.active{background:rgba(11,107,255,.10);border-color:rgba(11,107,255,.35)}
body.theme-light .badge{background:rgba(28,178,143,.09);color:#0a5b4d;border-color:rgba(28,178,143,.28)}
body.theme-light p.lead{color:#32495c}
body.theme-light .card,body.theme-light .stat,body.theme-light .atom-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,248,253,.88));border-color:rgba(10,65,95,.16);box-shadow:0 12px 38px rgba(28,64,94,.10)}
body.theme-light .card p{color:#40586b}
body.theme-light .pill{background:rgba(11,107,255,.08);border-color:rgba(11,107,255,.20);color:#0a558b}
body.theme-light .pill.green{background:rgba(28,178,143,.08);border-color:rgba(28,178,143,.24);color:#08705b}
body.theme-light .pill.amber{background:rgba(191,125,0,.08);border-color:rgba(191,125,0,.22);color:#8a5800}
body.theme-light .footer{background:rgba(236,245,250,.75)}
body.theme-light .row{color:#334d60}
body.theme-light .row strong{color:#0b1725}
body.theme-light .note{background:rgba(28,178,143,.07);color:#22584e}

/* Final select overrides: keep language/theme dropdowns readable after runtime theme switch. */
.lang-select,.theme-select{background-color:#101b2c!important;color:#e9f7ff!important;border-color:rgba(164,225,255,.22)!important;background-image:linear-gradient(45deg,transparent 50%,#e9f7ff 50%),linear-gradient(135deg,#e9f7ff 50%,transparent 50%)!important;color-scheme:dark!important}
.lang-select option,.theme-select option{background-color:#101b2c!important;color:#e9f7ff!important}
body.theme-light .lang-select,body.theme-light .theme-select{background-color:#ffffff!important;color:#0b1725!important;border-color:rgba(10,65,95,.24)!important;background-image:linear-gradient(45deg,transparent 50%,#0b1725 50%),linear-gradient(135deg,#0b1725 50%,transparent 50%)!important;color-scheme:light!important}
body.theme-light .lang-select option,body.theme-light .theme-select option{background-color:#ffffff!important;color:#0b1725!important}


/* fix: use native select rendering in both themes; custom CSS arrows were rendering as black pills in light theme */
.lang-select,
.theme-select{
  appearance:auto!important;
  -webkit-appearance:auto!important;
  -moz-appearance:auto!important;
  background-image:none!important;
  background-color:#101b2c!important;
  color:#e9f7ff!important;
  border-color:rgba(164,225,255,.22)!important;
  border-radius:14px!important;
  padding:10px 12px!important;
  min-width:132px!important;
  height:42px!important;
  line-height:20px!important;
}
body.theme-light .lang-select,
body.theme-light .theme-select{
  appearance:auto!important;
  -webkit-appearance:auto!important;
  -moz-appearance:auto!important;
  background-image:none!important;
  background-color:#ffffff!important;
  color:#0b1725!important;
  border-color:rgba(10,65,95,.24)!important;
}
body.theme-light .lang-select option,
body.theme-light .theme-select option{
  background:#ffffff!important;
  color:#0b1725!important;
}