@import url('https://fonts.googleapis.com/css2?family=Anton&family=Source+Serif+4:ital,wght@0,300;0,600;1,300&display=swap');

:root{
  --bg:#080304;--bg2:#100506;--card:#160708;--bord:#2e1010;
  --red:#dc2626;--rose:#f43f5e;--amber:#f59e0b;--green:#22c55e;--blue:#38bdf8;
  --text:#fff5f5;--muted:#7a4040;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Source Serif 4',serif;background:var(--bg);color:var(--text);overflow-x:hidden}

.em-header{background:linear-gradient(160deg,#0f0303,#1a0505,var(--bg));padding:56px 28px 44px;border-bottom:3px solid var(--red);position:relative;overflow:hidden}
.em-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(220,38,38,.13),transparent 60%)}
.em-hinner{position:relative;z-index:1;max-width:980px;margin:0 auto}
.em-dept{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--rose);margin-bottom:12px;font-weight:400}
.em-alarm-badge{display:inline-block;background:var(--red);color:#fff;font-family:'Anton',sans-serif;font-size:.72rem;letter-spacing:.22em;padding:5px 18px;border-radius:2px;margin-bottom:16px;animation:blink 1.8s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.55}}
.em-title{font-family:'Anton',sans-serif;font-size:clamp(3.5rem,12vw,8rem);line-height:.86;color:var(--text)}
.em-sub{margin-top:14px;color:var(--muted);font-size:.95rem;font-style:italic}
.em-counter-wrap{display:flex;align-items:center;gap:14px;margin-top:20px}
.em-counter-label{font-size:.8rem;color:var(--muted)}
.em-counter{font-family:'Anton',sans-serif;font-size:2.2rem;color:var(--red)}
.em-kpis{display:flex;flex-wrap:wrap;gap:0;margin-top:22px;border:1px solid rgba(220,38,38,.25);border-radius:8px;overflow:hidden;width:fit-content}
.em-kpi{padding:12px 22px;border-right:1px solid rgba(220,38,38,.2);display:flex;flex-direction:column;gap:4px}
.em-kpi:last-child{border-right:none}
.em-kpi b{font-family:'Anton',sans-serif;font-size:1.45rem;color:var(--red);line-height:1}
.em-kpi span{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}

.em-nav{position:sticky;top:0;z-index:100;background:rgba(8,3,4,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--bord);display:flex;flex-wrap:wrap;justify-content:center}
.em-nav a{padding:12px 14px;font-size:.76rem;font-weight:600;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent;transition:.2s;white-space:nowrap;font-family:'Source Serif 4',serif}
.em-nav a:hover,.em-nav a.active{color:var(--red);border-color:var(--red)}

.em-main{max-width:980px;margin:0 auto;padding:52px 24px 90px;display:flex;flex-direction:column;gap:54px}
.em-sec{opacity:0;transform:translateY(24px);transition:opacity .55s,transform .55s}
.em-sec.vis{opacity:1;transform:translateY(0)}
.em-sec h2{font-family:'Anton',sans-serif;font-size:1.8rem;color:var(--text);padding:12px 22px;background:rgba(220,38,38,.1);border-left:4px solid var(--red);border-radius:0 6px 6px 0;margin-bottom:0;letter-spacing:.02em}
.em-body{background:var(--card);border:1px solid var(--bord);border-top:none;border-radius:0 0 8px 8px;padding:26px}
.em-body>p{color:var(--muted);line-height:1.85;font-size:.93rem;margin-bottom:18px}
.em-body strong{color:var(--text)}
.em-body em{color:var(--rose);font-style:italic}

.em-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.em-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.em-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.em-stat{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px;text-align:center}
.em-stat-alert{border-color:rgba(220,38,38,.4)}
.em-stat-n{font-family:'Anton',sans-serif;font-size:1.5rem;color:var(--red);margin-bottom:6px}
.em-stat p{font-size:.76rem;color:var(--muted);line-height:1.4;margin:0}
.em-5mass{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px}
.em-mass{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);border-radius:6px;padding:10px 8px;text-align:center}
.em-mass-now{background:rgba(220,38,38,.18);border-color:var(--red)}
.em-mass-y{font-size:.66rem;color:var(--muted);margin-bottom:4px}
.em-mass-n{font-family:'Anton',sans-serif;font-size:.9rem;color:var(--text);margin-bottom:4px}
.em-mass-p{font-size:.72rem;color:var(--red)}

.em-uicn{display:flex;flex-direction:column;gap:6px}
.em-uicn-row{display:flex;gap:14px;align-items:flex-start;padding:12px 16px;border-radius:6px;border:1px solid var(--bord);background:var(--bg2)}
.em-uicn-cat{font-family:'Anton',sans-serif;font-size:1rem;width:44px;flex-shrink:0;text-align:center;padding:3px 4px;border-radius:3px;color:#fff}
.em-uicn-row.ex .em-uicn-cat{background:#111}
.em-uicn-row.ew .em-uicn-cat{background:#3d1a3d}
.em-uicn-row.cr .em-uicn-cat{background:#7c0a0a}
.em-uicn-row.en .em-uicn-cat{background:#b91c1c}
.em-uicn-row.vu .em-uicn-cat{background:#b45309}
.em-uicn-row.nt .em-uicn-cat{background:#4d7c0f}
.em-uicn-row.lc .em-uicn-cat{background:#166534}
.em-uicn-row h4{font-family:'Anton',sans-serif;font-size:1rem;margin-bottom:4px}
.em-uicn-row p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.65}

.em-causes{display:flex;flex-direction:column;gap:10px}
.em-cause{display:flex;gap:18px;align-items:flex-start;background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px 18px}
.em-cause-pct{font-family:'Anton',sans-serif;font-size:2.2rem;color:var(--red);width:68px;flex-shrink:0;line-height:1}
.em-cause h4{font-family:'Anton',sans-serif;font-size:1rem;margin-bottom:5px}
.em-cause p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.7}

.em-species-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.em-sp{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:14px;position:relative}
.em-sp-status{position:absolute;top:10px;right:10px;font-family:'Anton',sans-serif;font-size:.7rem;padding:2px 7px;border-radius:3px;color:#fff}
.em-sp.cr .em-sp-status{background:#7c0a0a}
.em-sp.en .em-sp-status{background:#b91c1c}
.em-sp.vu .em-sp-status{background:#b45309}
.em-sp h4{font-size:.84rem;font-weight:600;color:var(--text);margin-bottom:6px;padding-right:34px}
.em-sp p{font-size:.77rem;color:var(--muted);margin:0;line-height:1.65}

.em-card{background:var(--bg2);border:1px solid var(--bord);border-radius:8px;padding:16px}
.em-card h4{font-size:.87rem;font-weight:700;color:var(--amber);margin-bottom:7px}
.em-card p{font-size:.81rem;color:var(--muted);margin:0;line-height:1.7}

.em-succes-list{display:flex;flex-direction:column;gap:10px}
.em-sc{display:flex;gap:16px;align-items:flex-start;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.18);border-radius:8px;padding:14px 18px}
.em-sc-arrow{font-size:1.5rem;color:var(--green);width:30px;flex-shrink:0}
.em-sc h4{font-size:.9rem;font-weight:700;color:var(--green);margin-bottom:5px}
.em-sc p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.7}

.em-footer{border-top:1px solid var(--bord);background:var(--bg2);padding:20px 32px;text-align:center;font-size:.78rem;color:var(--muted)}

@media(max-width:768px){
  .em-grid4,.em-5mass,.em-species-grid{grid-template-columns:1fr 1fr}
  .em-grid2,.em-grid3{grid-template-columns:1fr}
  .em-kpis{flex-direction:column}
  .em-kpi{border-right:none;border-bottom:1px solid rgba(220,38,38,.2)}
}