<голова> <мета-кодировка="UTF-8" /> <стиль> :root{--bg:#07090d;--card:#11151d;--card2:#171c26;--text:#f5f7fb;--muted:#aab2c0;--accent:#ffd43b;--border:rgba(255,255,255,.1)} *{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:radial-gradient(круг 75% 10%,rgba(255,190,30,.12),прозрачный 28%),радиальный градиент(круг 75% 10%,rgba(255,190,30,.12),прозрачный 28%),радиальный градиент(круг 15% 35%,rgba(75,110,255,.08),прозрачность 30%),var(--bg);color:var(--text);line-height:1.65}header{padding:22px 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(7,9,13,.78);border-bottom:1px Solid var(--border)}.brand{font-weight:800;интервал между буквами:-.03em}.brand span{color:var(--accent)}select{background:var(--card2);color:var(--text);border:1px Solid var(--border);border-radius:12px;padding:10px 14px;font-size:14px;курсор:указатель}main{max-width:1050px;margin:auto;padding:45px 6vw 80px}.hero{position:relative;overflow:hidden;border-radius:28px;padding:50px;min-height:590px;background:radial-gradient(круг на 82% 25%,rgba(255,194,45,.35),прозрачность 19%),linear-gradient(135deg,#10151f,#080a0f);border:1px Solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.35)}.sun{position:absolute;right:9%;top:58px;ширина:190px;height:190px;border-radius:50%;background:#ffe56b;box-shadow:0 0 35px #ffcc33,0 0 100px rgba(255,170,0,.55)}.moon{position:absolute;right:calc(9% + 20px);top:70px;ширина:165px;height:165px;border-radius:50%;background:#050608;box-shadow:0 0 20px #000}.hero-content{max-width:700px;position:relative;z-index:2;margin-top:210px}.eyebrow{color:var(--accent);font-size:13px; вес шрифта: 800; интервал между буквами: .12em; преобразование текста: прописные} h1 {размер шрифта: зажим (38 пикселей, 6vw, 70 пикселей); высота строки: 1,03; поле: 14 пикселей 0 18px;интервал между буквами:-.05em}.lead{font-size:20px;color:#d7dce5}.countdown{margin-top:25px;padding:20px;border-radius:18px;background:rgba(255,212,59,.08);border:1px сплошной rgba(255,212,59,.25)}.countdown-label {размер шрифта: 12 пикселей; преобразование текста: прописные буквы; интервал между буквами: .12em; цвет: var (--accent); fo nt-weight:800}#countdown{font-variant-numeric:tabular-nums;font-size:clamp(32px,5vw,52px);font-weight:850;межбуквенный интервал: -.04em;margin-top:3px}#countdown-status{color:var(--muted);размер шрифта:14px}.grid{display:grid;grid-template-columns:repeat (2,1fr);gap:18px;margin-top:28px}.card{background:linear-gradient(145deg,rgba(23,28,38,.95),rgba(12,15,21,.95));border:1px Solid var(--border);border-radius:22px;padding:28px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:rgba(255,212,59,.35)}.wide{grid-column:1/-1}h2{margin:0 0 15px;размер шрифта:25px;интервал между буквами:-.025em}p{color:#c9cfda;margin:0 0 14px}.stat{display:flex;align-items:baseline;gap:12px}.big{font-size:54px;font-weight:850;color:var(--accent);letter-spa cing:-.05em}.timeline{margin-top:18px;display:grid;gap:10px}.time{display:flex;justify-content:space-between;padding:13px 15px;border-radius:13px;background:rgba(255,255,255,.045)}.time сильный {цвет: #fff}. предупреждение {border-color: rgba (255,80,70,.35)! важно; фон: линейный градиент (145 градусов, rgba (80,20,22,.35), rgba (20,12,15,.9))! важно}. предупреждение h2{color:#ff8177}.bottom{margin-top:28px;padding:34px;border-radius:24px;text-align:center;background:linear-gradient(135deg,#19150a,#101218);border:1px Solid rgba(255,212,59,.22)}.bottom h2{color:var(--accent);font-size:31px}footer{text-align:center;color:#707887;font-size:13px;padding:25px}@media(max-width:750px){header{padding:18px 5vw}main{padding:30px 5vw 60px}.hero{padding:30px;min-height:650px}.sun{right:12%;top:45px}.moon{right:calc(12% + 12px);top:58px}.hero-content{margin-top:225px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}} <тело> АнглийскийНемецкийФранцузскийРусский中文 <основной> SPARK SCIENCE • Солнечное затмение 2026 г. <скрипт> const target=new Date("2026-08-12T19:21:00+02:00").getTime(),maxTime=new Date("2026-08-12T20:10:00+02:00").getTime(),endTime=new Date("2026-08-12T20:14:00+02:00").getTime(); function updateCountdown(){const now=Date.now(),el=document.getElementById('countdown'),st=document.getElementById('countdown-status');let diff=target-now;if(now{const lang=e.target.value;if(lang==='en'){location.reload();return}document.querySelectorAll('[data-i18n]').forEach(el=>{const k=el.dataset.i18n;if(T[lang]&&T;[lang][k])el.textContent=T[lang][k]});document.documentElement.lang=lang});