:root{color-scheme:dark;--navy:#020b1c;--panel:#07162b;--line:#263c61;--red:#ef233c;--blue:#1687ff;--text:#f7f9ff;--muted:#aebbd0}
*{box-sizing:border-box}
html{background:var(--navy)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#5e0718 0,transparent 32%),radial-gradient(circle at 100% 100%,#073996 0,transparent 38%),var(--navy);font-family:Arial,Helvetica,sans-serif;color:var(--text)}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(16px,4vw,52px);background:#020b1cf2;border-bottom:1px solid #233a61;backdrop-filter:blur(12px)}
.brand img{display:block;width:clamp(115px,14vw,170px);height:64px;object-fit:contain}
.home-link{border:1px solid #385179;border-radius:999px;padding:11px 17px;text-decoration:none;font-weight:800}
.home-link:hover,.home-link:focus-visible{border-color:var(--red);background:#ef233c18}
main{width:min(900px,calc(100% - 28px));margin:36px auto 70px}
.article{overflow:hidden;background:linear-gradient(145deg,rgba(7,22,43,.98),rgba(2,11,28,.96));border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 80px #0009}
.hero{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 30%;background:#010713}
.content{padding:clamp(22px,5vw,52px)}
.tag{display:inline-flex;border:1px solid #ef233c66;border-radius:999px;padding:7px 11px;color:#ff6274;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(34px,7vw,68px);line-height:1.02;letter-spacing:-.045em;margin:17px 0}
.meta{color:var(--muted);font-weight:700;margin:0 0 32px}
.body{font-size:clamp(17px,2.1vw,20px);line-height:1.78}
.body p{margin:0 0 1.45em}
.share{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}
.share a,.share button{border:1px solid #385179;border-radius:999px;padding:11px 16px;background:#06152b;color:white;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--blue)}
.notice{min-height:20px;color:#7ff0b3;font-weight:700;margin-top:10px}
.site-footer{border-top:1px solid #263c61;background:#020816e8;padding:22px 18px 26px;text-align:center;color:#8798b2;font-size:12px;line-height:1.55}
.site-footer-links{display:flex;justify-content:center;gap:8px 18px;flex-wrap:wrap;margin-bottom:10px}
.site-footer a{color:#bcc9dc;text-decoration:none;font-weight:700}.site-footer a:hover,.site-footer a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}.site-footer p{max-width:900px;margin:0 auto}
@media(max-width:560px){.site-header{padding:9px 12px}.brand img{width:105px;height:50px}.home-link{padding:9px 12px;font-size:14px}main{margin-top:18px}.article{border-radius:15px}.content{padding:22px 18px}}