/* Модальное окно (Работа у нас) и список «Важное» */
html.modal-locked,body.modal-locked{overflow:hidden}
.modal-overlay{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,40,40,.7)}
.modal-overlay.active{display:flex}
.modal-card{width:100%;max-width:560px;max-height:90vh;overflow:auto;background:#fff;color:var(--ink);padding:clamp(26px,5vw,44px)}
.modal-badge{display:inline-block;margin-bottom:14px;padding:6px 14px;border-radius:999px;background:var(--card-mint);color:var(--teal-700);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.modal-title{font-family:var(--f-serif);font-weight:600;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.15;color:var(--teal-700);margin-bottom:16px}
.modal-text{color:var(--ink-2);line-height:1.65}
.modal-text p{margin-bottom:12px}
.modal-text strong{color:var(--ink)}
.modal-close-btn{margin-top:22px;width:100%;height:54px;border:0;border-radius:999px;background:var(--teal-700);color:#fff;font:600 1rem var(--f-sans);cursor:pointer}
.modal-close-btn:hover{background:var(--teal-800)}
.progress-bar-container{height:8px;background:#e3ecea;margin-top:18px}
.progress-bar-fill{height:100%;width:0;background:var(--teal-600)}
.notice-list{padding:clamp(26px,5vw,56px)}
.notice-list ul{list-style:none;display:grid;gap:18px;max-width:50rem;margin:0 auto}
.notice-list li{position:relative;padding-left:34px;line-height:1.7;color:var(--ink-2)}
.notice-list li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:14px;border-radius:50%;background:var(--teal-600)}
.notice-list b{color:var(--ink)}

/* Обложка «Работа у нас» с фото */
.cover.c-photo{--ov:linear-gradient(180deg,rgba(0,70,68,.55),rgba(0,60,58,.72));background-size:cover;background-position:center 35%;background-repeat:no-repeat}
.cover.c-photo h1{color:#fff;text-shadow:0 2px 20px rgba(0,40,40,.45)}
.cover.c-photo p{color:rgba(255,255,255,.95);text-shadow:0 1px 12px rgba(0,40,40,.45)}
/* Окно «Привет!»: стекло на затемнённом размытом фоне */
.modal-overlay{background:rgba(0,22,22,.62);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2)}
.modal-card{background:linear-gradient(135deg,rgba(255,255,255,.26),rgba(255,255,255,.08)),rgba(0,70,68,.34);-webkit-backdrop-filter:blur(26px) saturate(1.6);backdrop-filter:blur(26px) saturate(1.6);border:1px solid rgba(255,255,255,.45);border-radius:28px;box-shadow:0 30px 80px rgba(0,20,20,.5),inset 0 1px 0 rgba(255,255,255,.55);color:#fff}
.modal-badge{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4)}
.modal-title{color:#fff;text-shadow:0 2px 14px rgba(0,40,40,.35)}
.modal-text{color:rgba(255,255,255,.94)}
.modal-text strong{color:#fff}
.modal-close-btn{background:rgba(255,255,255,.95);color:var(--teal-700);transition:background .25s,transform .25s}
.modal-close-btn:hover{background:#fff;transform:translateY(-2px)}