:root { --green:#07513e; --deep:#083a2e; --gold:#b58b43; --ink:#183c32; --muted:#728279; --line:#e1e7df; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:#fafbf8; color:var(--ink); font-family:'Tajawal',sans-serif; } a { color:inherit; text-decoration:none; } button,a { -webkit-tap-highlight-color:transparent; } img { display:block; max-width:100%; } .m-container { width:min(1400px,calc(100% - 80px)); margin-inline:auto; }
.m-header { background:rgba(255,255,255,.94); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10; backdrop-filter:blur(15px); } .m-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:20px; } .m-brand { display:flex; gap:14px; align-items:center; } .m-brand img { width:52px; height:52px; object-fit:contain; } .m-brand strong { display:block; font-size:22px; } .m-brand small { display:block; font:9px 'Cairo',sans-serif; letter-spacing:2px; color:var(--muted); margin-top:4px; } nav { display:flex; align-items:center; gap:32px; font-size:14px; } nav>a:first-child { border-bottom:2px solid var(--gold); padding-bottom:7px; } .header-guide { border:1px solid #d6e2d9; padding:12px 18px; border-radius:8px; } .header-guide span { margin-right:12px; color:var(--gold); }
.m-hero { display:grid; grid-template-columns: .9fr 1.1fr; align-items:center; gap:70px; padding-block:64px 70px; } .eyebrow { display:flex; align-items:center; gap:10px; color:var(--gold); font-size:14px; font-weight:700; letter-spacing:.5px; } .eyebrow i,.available i { width:6px; height:6px; border-radius:50%; background:currentColor; } h1 { font-size:clamp(40px,4.5vw,68px); letter-spacing:-2px; margin:20px 0; line-height:1.25; font-weight:800; } h1 span { display:block; font-weight:500; color:var(--green); } .hero-copy>p { max-width:440px; color:var(--muted); font-size:18px; line-height:1.9; margin-bottom:28px; } .m-button { background:var(--green); color:white; display:inline-flex; gap:36px; padding:17px 24px; border-radius:9px; box-shadow:0 8px 18px #07513e12; transition:transform .2s,background .2s; } .m-button:hover { background:var(--deep); transform:translateY(-3px); } .hero-meta { display:flex; gap:24px; margin-top:32px; font-size:13px; color:var(--muted); } .hero-meta span+span { border-right:1px solid #d9dfd5; padding-right:24px; } .hero-meta b { color:var(--green); font:700 20px 'Cairo',sans-serif; margin-left:8px; } .hero-art { border-radius:24px; overflow:hidden; border:1px solid #eadcbd; box-shadow:0 22px 60px #2745350d; position:relative; background:#fff; } .hero-art>img { width:100%; height:390px; object-fit:cover; } .art-caption { padding:18px 24px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #f1e7d4; background:linear-gradient(90deg,#fff,#f5f7f1); } .art-caption span { font-weight:700; } .art-caption small { color:var(--gold); }
.sectors { scroll-margin-top:130px; padding-bottom:50px; } .section-intro { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:30px; gap:20px; } .section-intro h2 { margin:12px 0 0; font-size:36px; } .section-intro p { color:var(--muted); font-size:15px; line-height:1.8; margin:0; } .sector-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; } .sector-card { padding:26px; border:1px solid var(--line); border-radius:16px; background:white; position:relative; display:flex; flex-direction:column; transition:transform .25s,box-shadow .25s,border-color .25s; } .card-top { display:flex; justify-content:space-between; align-items:center; } .status { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#8a7b5d; background:#f6f2e9; border:1px solid #eee5d1; border-radius:40px; padding:6px 11px; } .available { background:#e8f3eb; border-color:#d1e9d8; color:var(--green); } .sector-number { font:12px 'Cairo',sans-serif; color:#a3afa7; } .sector-logo { height:125px; display:flex; align-items:center; margin:20px 0; } .sector-logo img { width:98px; height:110px; object-fit:contain; } .sector-english { font:9px 'Cairo',sans-serif; letter-spacing:1.1px; color:#85968d; } .sector-card h3 { font-size:24px; margin:12px 0 10px; } .sector-card p { color:var(--muted); font-size:14px; line-height:1.7; margin:0 0 24px; } .card-action { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e9eee8; padding-top:20px; margin-top:auto; font-size:14px; } .sector-active { background:linear-gradient(150deg,#fff,#f0f7f1); border-color:#a9c7b4; } .sector-active .card-action { color:var(--green); font-weight:700; } .sector-active:hover { transform:translateY(-7px); border-color:var(--gold); box-shadow:0 15px 36px #0b553914; } .waiting .card-action { color:#9caa9f; } .portal-note { border:1px solid #dbe6da; background:linear-gradient(110deg,#f8f7ef,#edf5ee); border-radius:16px; display:flex; align-items:center; gap:20px; padding:28px 32px; } .note-mark { color:var(--gold); font-size:32px; } .portal-note h3 { margin:0 0 8px; font-size:20px; } .portal-note p { color:var(--muted); margin:0; line-height:1.7; font-size:14px; } .portal-note img { width:55px; height:55px; object-fit:contain; margin-right:auto; opacity:.5; } .m-footer { border-top:1px solid var(--line); margin-top:48px; padding-block:26px; display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:12px; } .m-footer b { color:var(--gold); } .m-footer a:hover { color:var(--green); }
@media(max-width:1100px) { .m-hero { gap:35px; } .sector-grid { grid-template-columns:repeat(2,1fr); } .hero-art>img { height:330px; } }
@media(max-width:700px) { .m-container { width:calc(100% - 36px); } .m-header-inner { padding-block:14px; } .m-brand strong { font-size:18px; } .m-brand img { width:42px;height:42px; } nav>a:first-child { display:none; } nav { font-size:12px; } .header-guide { padding:10px; } .header-guide span { display:none; } .m-hero { grid-template-columns:1fr; gap:32px; padding-block:40px; } h1 { font-size:44px; } .hero-art>img { height:auto; } .hero-meta { margin-top:24px; } .section-intro { align-items:flex-start; flex-direction:column; } .sector-grid { grid-template-columns:1fr; } .sector-logo { height:95px; } .sector-logo img { height:90px; } .portal-note { padding:24px; } .portal-note img { display:none; } .m-footer { flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .m-button,.sector-card { transition:none; } }

/* هوية الوزارة: الأخضر والذهبي، الشعار والقيادة والحركة */
body { background: radial-gradient(ellipse at 90% 3%,#e3efe5,transparent 35%),#fafbf7; }
h1,h2 { font-family: 'Amiri',serif; } h1 { font-size:clamp(48px,5vw,76px); letter-spacing:0; } h1 span { font-size:.72em; color:#ab833f; } .section-intro h2 { font-size:42px; font-weight:700; }
.m-header { border-top:4px solid #b4904f; } .m-hero { min-height:570px; padding-block:60px; }
.ministry-emblem { position:relative; border:0; box-shadow:none; background:transparent; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px; min-height:440px; overflow:visible; }
.ministry-emblem>img { height:300px; width:300px; object-fit:contain; z-index:1; filter:drop-shadow(0 16px 18px #07513e18); }
.ministry-emblem>span { font:700 42px 'Amiri',serif; margin-top:16px; z-index:1; }.ministry-emblem>small { color:#a7803d; font:11px 'Cairo',sans-serif; letter-spacing:4px; z-index:1; }
.emblem-ring { position:absolute; width:410px; height:410px; border-radius:50%; border:1px solid #bb974c50; background:radial-gradient(circle,#fff8,#dcebd550 65%,transparent 70%); top:0; }
.emblem-ring::after { content:''; position:absolute; inset:15px; border-radius:50%; border:1px dashed #a7803d45; }
.ministry-about { background:linear-gradient(125deg,#07513e,#0c3d30); border-radius:24px; padding:44px; color:#fff; display:grid; grid-template-columns:1fr 1.3fr; gap:50px; margin-bottom:70px; box-shadow:0 18px 50px #07513e14; }
.ministry-about h2 { font-size:40px; line-height:1.5; margin:14px 0; }.ministry-about em { font-style:normal; color:#e4c689; }.ministry-about p { line-height:2; color:#deebe1; font-size:17px; margin-top:0; }.values { display:flex; gap:12px; flex-wrap:wrap; }.values span { border:1px solid #c8b16f60; color:#ead2a0; border-radius:8px; padding:8px 16px; font-size:14px; }
.ministry-command { padding-bottom:70px; }.ministry-leaders { display:grid; grid-template-columns:1fr 1fr; gap:26px; }.ministry-leader { text-align:center; padding:36px; border:1px solid #d9dfcc; border-radius:22px; background:linear-gradient(145deg,#fff,#edf4e8); transition:transform .35s,box-shadow .35s; border-top:3px solid #b08a43; }.ministry-leader:first-child { background:linear-gradient(145deg,#0b5a43,#073b2e); color:white; }.ministry-avatar { width:120px; height:120px; margin:0 auto 22px; padding:8px; border-radius:50%; background:#fff; border:2px solid #c6a560; box-shadow:0 8px 25px #0001; }.ministry-avatar img { width:100%; height:100%; object-fit:cover; border-radius:50%; }.leader-position { font-size:14px; color:#b18a43; }.ministry-leader:first-child .leader-position { color:#e3c784; }.ministry-leader h3 { font-size:24px; margin:12px 0 18px; overflow-wrap:anywhere; }.ministry-profile { font-size:13px; opacity:.75; }.ministry-leader:hover { transform:translateY(-7px); box-shadow:0 18px 40px #07513e18; }
.sector-grid { gap:22px; padding-block:12px; }.sector-card { --sector:#2c74bb; --tint:#e6f0fb; background:linear-gradient(155deg,#fff,var(--tint)); border-color:color-mix(in srgb,var(--sector) 30%,white); border-top:4px solid var(--sector); transform-origin:center; outline-offset:6px; }.sector-card:nth-child(2) { --sector:#8f7535; --tint:#f3eedf; }.sector-card:nth-child(3) { --sector:#658a32; --tint:#edf3df; }.sector-card:nth-child(4) { --sector:#424d54; --tint:#e5e8eb; }.sector-card:hover,.sector-card:focus-visible,.sector-card.selected { transform:translateY(-10px) scale(1.035); box-shadow:0 20px 40px #153c2820; border-color:var(--sector); z-index:2; }.sector-logo img { transition:transform .5s; }.sector-card:hover .sector-logo img,.sector-card:focus-visible .sector-logo img { transform:scale(1.12) rotate(-4deg); }.waiting { cursor:pointer; }.sector-card .card-action { color:var(--sector); }.sector-card h3 { font-size:23px; }.achievements { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; padding-block:30px 60px; }.achievements h2 { font-size:40px; margin:16px 0; }.achievements p { color:#728279; line-height:1.9; }.achievement-empty { padding:40px; text-align:center; border:1px dashed #b69a60; border-radius:20px; background:linear-gradient(120deg,#fbf8ee,#edf5ea); }.achievement-empty>span { font-size:40px; color:#b08a43; }.achievement-empty h3 { font-size:24px; }
.m-button,.header-guide { transition:transform .25s,box-shadow .25s; }.header-guide:hover { transform:translateY(-3px);box-shadow:0 8px 20px #07513e15; }.hero-copy { animation: ministry-enter .8s ease both; }.ministry-emblem { animation:ministry-enter 1s ease both; }.reveal { transition:opacity .65s,translate .65s; }.reveal.is-pending { opacity:0;translate:0 24px; }.sector-card { transition:transform .35s,box-shadow .35s,border-color .35s; } @keyframes ministry-enter { from {opacity:0;translate:0 20px;} to {opacity:1;translate:0 0;} }
@media(max-width:700px) { .ministry-emblem { min-height:350px; }.ministry-emblem>img { width:230px;height:230px; }.emblem-ring { width:310px;height:310px; }.ministry-emblem>span {font-size:36px;}.ministry-about,.achievements {grid-template-columns:1fr;gap:20px;}.ministry-about {padding:28px;margin-bottom:45px;}.ministry-about h2,.section-intro h2,.achievements h2 {font-size:34px;}.ministry-leaders {grid-template-columns:1fr;}.sector-card:hover,.sector-card:focus-visible,.sector-card.selected {transform:translateY(-4px) scale(1.01);} }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}.reveal.is-pending {opacity:1;translate:none;} }
/* اختيار القطاع وتوسيع تعريفه */
.sector-card { text-align:right; font:inherit; color:var(--ink); cursor:pointer; }
.sector-card[data-sector="ps"] { --sector:#977332; --tint:#f5ecd8; }
.sector-card[data-sector="swat"] { --sector:#36454f; --tint:#dfe7eb; }
.sector-card[data-sector="fbi"] { --sector:#658a32; --tint:#edf3df; }
.sector-card[data-sector="sef"] { --sector:#2c74bb; --tint:#e6f0fb; }
.sector-grid { transition:grid-template-columns .4s; }
.sector-grid:has([data-sector="ps"].selected) {grid-template-columns:1.45fr 1fr 1fr 1fr;}
.sector-grid:has([data-sector="swat"].selected) {grid-template-columns:1fr 1.45fr 1fr 1fr;}
.sector-grid:has([data-sector="fbi"].selected) {grid-template-columns:1fr 1fr 1.45fr 1fr;}
.sector-grid:has([data-sector="sef"].selected) {grid-template-columns:1fr 1fr 1fr 1.45fr;}
.sector-details { position:relative; display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:center;padding:42px;margin-top:28px;border-radius:22px;background:linear-gradient(130deg,#fff,var(--tint));border:1px solid var(--sector);animation:ministry-enter .4s ease; }
.sector-details[hidden],#detailLink[hidden] {display:none;}
.sector-details>img {width:150px;height:160px;object-fit:contain;}
.sector-details h3 {font:700 36px 'Amiri',serif;margin:10px 0;color:var(--sector);}
.sector-details p {font-size:18px;line-height:1.9;max-width:800px;margin-bottom:22px;}
.sector-close {position:absolute;top:14px;left:16px;background:transparent;border:0;font-size:30px;color:var(--sector);cursor:pointer;}
#detailWaiting {color:var(--sector);font-size:14px;}
body[data-sector="ps"] {--sector:#977332;--tint:#f5ecd8;background:#faf7ef;}
body[data-sector="swat"] {--sector:#36454f;--tint:#dfe7eb;background:#f2f5f6;}
body[data-sector="fbi"] {--sector:#658a32;--tint:#edf3df;background:#f5f8ed;}
body[data-sector="sef"] {--sector:#2c74bb;--tint:#e6f0fb;background:#f1f6fc;}
body {transition:background .4s;}
@media(max-width:1100px) {.sector-grid:has(.selected) {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px) {.sector-grid:has(.selected) {grid-template-columns:1fr;}.sector-details {grid-template-columns:1fr;padding:28px;gap:14px;}.sector-details>img {width:100px;height:110px;}.sector-details h3 {font-size:30px;}}
/* ألوان القطاعات */
.sector-card[data-sector="sef"] { --sector:#2279cd; --tint:#dcecff; background:linear-gradient(145deg,#eaf4ff 0%,#cfE5ff 58%,#f3dfe3 100%);border-top-color:#2279cd;border-bottom:3px solid #bb414b; }
.sector-card[data-sector="sef"] .sector-english {color:#2676ba;}.sector-card[data-sector="sef"] .card-action {color:#ad3542;}
.sector-card[data-sector="swat"] { --sector:#252a30; --tint:#adb3b9; background:linear-gradient(145deg,#1c2026,#323941 60%,#515962);color:#f1f3f5;border-color:#59616a;border-top-color:#111519; }
.sector-card[data-sector="swat"] h3,.sector-card[data-sector="swat"] .card-action {color:#f1f3f5;}.sector-card[data-sector="swat"] p,.sector-card[data-sector="swat"] .sector-english,.sector-card[data-sector="swat"] .sector-number {color:#bac2c9;}.sector-card[data-sector="swat"] .card-action {border-top-color:#606973;}.sector-card[data-sector="swat"] .status {background:#49515a;color:#e1e5e9;border-color:#707983;}
.sector-card[data-sector="fbi"] { --sector:#436735; --tint:#dce3d3; background:linear-gradient(145deg,#e8eee2,#d4dfc1 58%,#d3d7d7);border-top-color:#42683a;border-bottom:3px solid #78814b; }
.sector-card[data-sector="ps"] { --sector:#ac8741; --tint:#eeece5; background:linear-gradient(145deg,#fff 0%,#f4f0e5 60%,#e3e5e7);border-top-color:#bd974f;border-bottom:3px solid #a8aeb4; }
body[data-sector="sef"] { --sector:#2279cd; --tint:#dcecff;background:linear-gradient(130deg,#f0f7ff,#dcecff 65%,#f6e9ec); }
body[data-sector="sef"] .sector-details {background:linear-gradient(130deg,#eaf4ff,#d5e9ff 68%,#f1dfe3);border-left:4px solid #bc424d;}
body[data-sector="swat"] {--sector:#293039;--tint:#d5d9dd;background:linear-gradient(130deg,#edf0f2,#cfd4d9);}
body[data-sector="swat"] .sector-details {background:linear-gradient(130deg,#181d23,#343c45);color:#eef1f4;border-color:#616b77;}
body[data-sector="swat"] .sector-details h3,body[data-sector="swat"] .sector-close,body[data-sector="swat"] #detailWaiting {color:#f2f4f6;}body[data-sector="swat"] .sector-details .eyebrow {color:#abb6c1;}
body[data-sector="fbi"] {--sector:#436735;--tint:#dce3d3;background:linear-gradient(130deg,#f0f5e9,#e1e8d1 65%,#e1e4e3);}
body[data-sector="fbi"] .sector-details {background:linear-gradient(130deg,#f3f6ec,#d6e2c6 65%,#dce0df);border-left:4px solid #7b854b;}
body[data-sector="ps"] {--sector:#ac8741;--tint:#eeece5;background:linear-gradient(130deg,#fff,#f5f1e7 65%,#eceeef);}
body[data-sector="ps"] .sector-details {background:linear-gradient(130deg,#fff,#f6f0df 65%,#e8eaec);border-left:4px solid #aeb4ba;}
/* مزج هوية القطاع المختار مع أخضر الوزارة */
body[data-sector] { --ministry-green:#07513e; transition:background .45s ease,color .3s ease; }
body[data-sector="sef"] { --accent:#257dd3; --accent-muted:#e1efff; --sector-neutral:#f8ecee; background:radial-gradient(ellipse at 0% 15%,#d9eaff 0,transparent 48%),radial-gradient(ellipse at 100% 40%,#dfeee3 0,transparent 48%),linear-gradient(145deg,#f9fbfc,#f0f5f1 58%,#f9edef); }
body[data-sector="swat"] { --accent:#343e49; --accent-muted:#e0e5e9; --sector-neutral:#e9edef; background:radial-gradient(ellipse at 0% 15%,#cbd2d9 0,transparent 48%),radial-gradient(ellipse at 100% 40%,#dce8df 0,transparent 48%),linear-gradient(145deg,#f2f4f5,#e8efea 58%,#e1e5e8); }
body[data-sector="fbi"] { --accent:#647943; --accent-muted:#e6edda; --sector-neutral:#e5e8e2; background:radial-gradient(ellipse at 0% 15%,#dce5c6 0,transparent 48%),radial-gradient(ellipse at 100% 40%,#d9eddf 0,transparent 48%),linear-gradient(145deg,#fafbf5,#eff4e7 58%,#e4e8e4); }
body[data-sector="ps"] { --accent:#b08a43; --accent-muted:#f5eedb; --sector-neutral:#eef0f1; background:radial-gradient(ellipse at 0% 15%,#f0e3c4 0,transparent 48%),radial-gradient(ellipse at 100% 40%,#e3efe6 0,transparent 48%),linear-gradient(145deg,#fff,#faf8f0 58%,#edf0ee); }
body[data-sector] .m-header { background:color-mix(in srgb,var(--accent-muted) 45%,white 55%); border-top-color:var(--accent); border-bottom-color:color-mix(in srgb,var(--accent) 25%,white); }
body[data-sector] .m-header nav>a:first-child { border-bottom-color:var(--accent); }
body[data-sector] .hero-copy h1 { color:var(--ministry-green); }
body[data-sector] .hero-copy h1 span { color:var(--accent); transition:color .35s; }
body[data-sector] .m-button { background:linear-gradient(115deg,var(--ministry-green),color-mix(in srgb,var(--accent) 70%,var(--ministry-green))); box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent); }
body[data-sector] .emblem-ring { border-color:color-mix(in srgb,var(--accent) 40%,#c8aa69); background:radial-gradient(circle,#ffffff90,var(--accent-muted) 60%,transparent 72%); }
body[data-sector] .ministry-about { background:linear-gradient(125deg,#07513e 0%,#0b4735 48%,color-mix(in srgb,var(--accent) 62%,#073b2e) 100%); }
body[data-sector] .ministry-leader:first-child { background:linear-gradient(135deg,#09513d 0%,#0b4133 58%,color-mix(in srgb,var(--accent) 55%,#073b2e) 100%); border-top-color:var(--accent); }
body[data-sector] .ministry-leader:nth-child(2),body[data-sector] .achievement-empty { background:linear-gradient(135deg,#fff,#edf4e9 50%,var(--accent-muted)); }
body[data-sector] .m-footer { border-top-color:color-mix(in srgb,var(--accent) 30%,#dbe7da); }
body[data-sector] .sector-details { box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 12%,transparent); }
@media(prefers-reduced-motion:reduce) { body[data-sector],body[data-sector] .hero-copy h1 span { transition:none; } }
/* توازن الواجهة وحركة التصفح */
.m-hero { grid-template-columns:1.12fr .88fr; gap:60px; min-height:520px; padding-block:54px 64px; }
.hero-copy { max-width:600px; }.hero-copy h1 { font-family:'Cairo',sans-serif; font-size:clamp(38px,4vw,60px); font-weight:800; line-height:1.45; margin:18px 0 20px; }.hero-copy h1 span { font-family:'Amiri',serif; font-size:.74em; line-height:1.5; margin-top:5px; }.hero-copy>p { max-width:500px; font-size:17px; line-height:2; margin-bottom:25px; }
.ministry-emblem { min-height:380px; padding:24px 20px; }.ministry-emblem>img { width:275px;height:275px;animation:emblem-breathe 6s ease-in-out infinite; }.ministry-emblem>span { font-family:'Tajawal',sans-serif; font-size:18px; font-weight:500; margin-top:24px; color:#537260; }.ministry-emblem>small { font-size:9px; letter-spacing:3px; margin-top:9px; }
.emblem-ring { width:330px;height:330px;top:10px; border-color:#b59a5550; background:radial-gradient(circle,#fff9,#e5efe650 60%,transparent 73%); }.emblem-ring::after {inset:12px;border-style:solid;border-color:#b59a5522;}
.m-header-inner { transition:padding .25s; }.m-header.scrolled { box-shadow:0 8px 28px #0b3d2812; }.m-header.scrolled .m-header-inner {padding-block:12px;}
.scroll-progress {position:fixed;inset:0 0 auto;width:100%;height:3px;z-index:20;appearance:none;border:0;background:transparent;pointer-events:none;}.scroll-progress::-webkit-progress-bar {background:transparent;}.scroll-progress::-webkit-progress-value {background:linear-gradient(90deg,#b08a43,#07513e);}.scroll-progress::-moz-progress-bar {background:#07513e;}
.scroll-reveal { transition:opacity .65s ease,translate .65s ease; }.scroll-reveal:not(.is-visible) {opacity:.05;translate:0 24px;}.scroll-reveal.is-visible {opacity:1;translate:0 0;}.sector-card.scroll-reveal {transition:opacity .6s,translate .6s,transform .35s,box-shadow .35s;}
@keyframes emblem-breathe {0%,100% {transform:translateY(0);}50% {transform:translateY(-7px);}}
@media(max-width:700px) {.m-hero {grid-template-columns:1fr;gap:16px;padding-block:36px;}.hero-copy h1 {font-size:38px;}.ministry-emblem {min-height:310px;}.ministry-emblem>img {width:220px;height:220px;}.emblem-ring {width:275px;height:275px;}.ministry-emblem>span {margin-top:16px;}.m-header.scrolled .m-header-inner {padding-block:10px;}}
@media(prefers-reduced-motion:reduce) {.scroll-reveal:not(.is-visible) {opacity:1;translate:none;}.ministry-emblem>img {animation:none;}.scroll-reveal,.m-header-inner {transition:none;}}
/* زيادة حضور الأخضر في خلفية الوزارة */
body { background:radial-gradient(ellipse at 100% 15%,#cfe4d7 0,transparent 55%),radial-gradient(ellipse at 0% 70%,#d9e9d8 0,transparent 58%),linear-gradient(160deg,#f1f7f0,#e8f2e8 60%,#edf4e8); }
body[data-sector="sef"] {background:radial-gradient(ellipse at 0% 15%,#d7e8fb 0,transparent 45%),radial-gradient(ellipse at 100% 45%,#c9e1d0 0,transparent 62%),linear-gradient(145deg,#edf6ef,#e4efe5 58%,#f1e7e8);}
body[data-sector="swat"] {background:radial-gradient(ellipse at 0% 15%,#cbd2d9 0,transparent 45%),radial-gradient(ellipse at 100% 45%,#c8dfcf 0,transparent 62%),linear-gradient(145deg,#edf3ed,#dfe9e1 58%,#e1e5e8);}
body[data-sector="fbi"] {background:radial-gradient(ellipse at 0% 15%,#d5e1bd 0,transparent 45%),radial-gradient(ellipse at 100% 45%,#c4dfcb 0,transparent 62%),linear-gradient(145deg,#edf5e8,#dfead7 58%,#dde5dc);}
body[data-sector="ps"] {background:radial-gradient(ellipse at 0% 15%,#ede1c3 0,transparent 45%),radial-gradient(ellipse at 100% 45%,#cfe4d5 0,transparent 62%),linear-gradient(145deg,#f6f8ed,#e8f1e4 58%,#e7ece7);}