*{box-sizing:border-box}
html{color-scheme:dark;background:#07132b;color:#f5f5ff;font-family:Inter,system-ui,-apple-system,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic","Malgun Gothic","PingFang TC","Microsoft JhengHei",sans-serif}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
a{color:#cbb3ff;text-underline-offset:4px;overflow-wrap:anywhere}
a:hover{color:#fff}
a:focus-visible{outline:2px solid #cbb3ff;outline-offset:4px;border-radius:2px}
header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:24px max(24px,6vw);border-bottom:1px solid #414778;background:#101a37}
.brand{display:block;position:relative;overflow:hidden;width:190px;height:52px;flex-shrink:0}
.brand img{position:absolute;width:125.85%;max-width:none;left:-12.93%;top:-185%;height:auto}
.languages{display:flex;gap:4px;flex-wrap:wrap}
.languages a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px;text-decoration:none;border-radius:4px}
.languages a[aria-current]{background:#7444c955;color:#fff;box-shadow:inset 0 -2px #cbb3ff}
main{width:100%;max-width:900px;margin:0 auto;padding:48px 28px 64px;flex:1;overflow-wrap:anywhere}
h1{font-size:clamp(30px,4vw,52px);line-height:1.25;margin:28px 0 12px;letter-spacing:0}
h2{font-size:22px;line-height:1.45;margin:0 0 12px}
section{margin-top:36px}
p{font-size:16px;line-height:1.85;color:#d1d5e8;margin:12px 0}
.date{color:#a8afd0;font-size:14px}
footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:25px 6vw;border-top:1px solid #414778;background:#101a37;font-size:13px}
footer nav{display:flex;gap:12px 22px;flex-wrap:wrap}
footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:699px){header{padding:20px;gap:14px}.brand{width:150px;height:42px}.languages{width:100%;gap:2px}.languages a{padding:10px;font-size:13px}main{padding:28px 22px 48px}h2{font-size:20px}footer{padding:20px 22px}}