@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(assets/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600 700;font-display:swap;src:url(assets/fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:"Inter Display";font-weight:700;font-display:swap;src:url(assets/fonts/inter-display-700.woff2) format("woff2")}
/* A.K/79 style v1.2 — site tokens (glass, brushed steel, cold glow) */
:root{--ak-bg-0:#0A3466;--ak-bg-1:#125C9E;--ak-glass:#1F6FA8;--ak-cyan:#00F0FF;--ak-teal:#00E8C6;--ak-blue:#2F8CFF;--ak-text:#F2FBFF;--ak-text-2:#B8D8EA;--ak-warm:#FFB84D;--sp-5:24px;--sp-6:32px;--sp-8:64px;--sp-9:96px;--r-md:16px;--r-lg:24px;--container:1240px;--glow-cyan:0 0 24px rgba(0,240,255,.45),0 0 64px rgba(0,240,255,.2);--shadow-1:0 8px 24px rgba(5,20,50,.35);--shadow-2:0 20px 60px rgba(5,20,50,.5);--glass-bg:rgba(31,111,168,.35);--glass-border:1px solid rgba(184,216,234,.28);--glass-blur:blur(16px) saturate(1.2);--steel:#E8EEF5;--fs-display:clamp(40px,6vw,88px);--fs-h2:clamp(24px,3vw,40px);--fs-body:clamp(16px,1.2vw,19px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ak-bg-0)}
body{margin:0;overflow-x:clip;min-height:100vh;color:var(--ak-text);background:radial-gradient(1100px 600px at 80% -10%,rgba(0,240,255,.22),transparent 60%),linear-gradient(180deg,#10558F 0,var(--ak-bg-0) 1400px) no-repeat;font:var(--fs-body)/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.005em}
body::after{content:"A.K/79";position:fixed;right:18px;bottom:12px;font:700 13px/1 ui-monospace,Consolas,monospace;letter-spacing:.2em;color:rgba(255,255,255,.35);pointer-events:none;z-index:9}
a{color:var(--ak-cyan);text-decoration:none}a:hover{color:var(--ak-teal)}
:focus-visible{outline:2px solid var(--ak-cyan);outline-offset:3px}
header.top{position:sticky;top:0;z-index:5;background:rgba(10,52,102,.55);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(184,216,234,.28)}
.bar{min-height:64px;max-width:var(--container);margin:auto;padding:12px 24px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:.06em;color:var(--ak-text)}
.brand img{width:30px;height:30px;filter:drop-shadow(0 0 8px rgba(0,240,255,.6))}
nav{display:flex;gap:6px 22px;flex-wrap:wrap;margin-left:auto}
nav a{color:var(--ak-text-2);font-size:15px}nav a:hover{color:var(--ak-text)}nav a[aria-current]{color:var(--ak-cyan);font-weight:600;text-shadow:var(--glow-cyan)}
#lang{display:inline-flex;border:1px solid rgba(184,216,234,.28);background:var(--glass-bg);border-radius:99px;padding:2px;backdrop-filter:blur(8px)}#lang button{border:0;background:transparent;color:var(--ak-text-2);border-radius:99px;padding:4px 12px;cursor:pointer;font:inherit;font-size:14px}#lang button.on{background:var(--ak-cyan);color:#05204A;font-weight:600}
#lang button:hover:not(.on){color:var(--ak-text)}
main{max-width:var(--container);margin:auto;padding:40px 24px 90px}
.hero{position:relative;padding:96px 0 72px}.hero::before{content:"";position:absolute;right:0;top:10%;width:min(26%,320px);aspect-ratio:1;border-radius:24%;background:url(assets/icon.svg) center/contain no-repeat;opacity:.9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);filter:drop-shadow(0 0 40px rgba(0,240,255,.45))}.hero>*{position:relative}.hero::after{content:"";display:block;width:120px;height:4px;margin-top:32px;border-radius:99px;background:linear-gradient(90deg,var(--ak-cyan),var(--ak-teal));box-shadow:var(--glow-cyan)}
.hero h1{font-family:"Inter Display",Inter,system-ui,sans-serif;font-size:var(--fs-display);line-height:1.04;letter-spacing:-.02em;margin:0 0 24px;max-width:min(900px,68%);background:linear-gradient(90deg,#fff 0,var(--ak-cyan) 60%,var(--ak-teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:640px;color:var(--ak-text-2);font-size:clamp(18px,2.2vw,22px)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:28px 0}
.card{display:block;color:var(--ak-text);padding:22px;border-radius:var(--r-lg);background:var(--glass-bg);border:1px solid rgba(184,216,234,.28);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);transition:border-color .2s,box-shadow .2s,transform .2s}
a.card:hover{border-color:var(--ak-cyan);box-shadow:var(--glow-cyan),inset 0 1px 0 rgba(255,255,255,.25);transform:translateY(-2px);color:var(--ak-text)}
.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--ak-text-2);font-size:15px}
h2{margin:72px 0 12px;font-size:clamp(26px,4vw,40px);letter-spacing:-.01em}
.tag{display:inline-block;font-size:12px;border-radius:99px;padding:1px 10px;border:1px solid currentColor;margin-right:6px}
.tag.ready{color:var(--ak-teal)}.tag.in-progress,.tag.draft{color:var(--ak-warm)}
.doi{font-family:ui-monospace,Consolas,monospace;font-size:13px;word-break:break-all}
/* light block alternates with dark ones: brushed steel */
.note{margin:48px 0;padding:32px 36px;border-radius:var(--r-lg);color:#05204A;background:linear-gradient(135deg,#fff,var(--steel) 55%,#D3DEEA);box-shadow:0 20px 60px rgba(0,20,45,.35)}
.note a{color:var(--ak-bg-1)}.note strong{font-size:20px}
#map{width:100%;height:auto;background:var(--glass-bg);border:1px solid rgba(184,216,234,.28);border-radius:var(--r-lg)}
#map a text{fill:var(--ak-text);font-size:13px}#map rect{fill:#06274F;stroke:var(--ak-cyan)}#map a:hover rect{stroke:var(--ak-teal);filter:drop-shadow(0 0 6px var(--ak-cyan))}
#map line{stroke:rgba(184,216,234,.28);stroke-width:1.5}
#map .pending rect{stroke-dasharray:4 3}
footer{max-width:var(--container);margin:auto;padding:28px 24px 60px;color:var(--ak-text-2);font-size:14px;border-top:1px solid rgba(184,216,234,.28)}
[lang=ru]:not(html),[lang=uk]:not(html){display:none}html[data-lang=ru] [lang=ru],html[data-lang=uk] [lang=uk]{display:revert}html[data-lang=ru] [lang=en],html[data-lang=uk] [lang=en]{display:none}
@media(max-width:640px){nav{margin-left:0}.hero{padding:56px 0 40px}.hero::before{width:40%;top:0;right:0;opacity:.3}.hero h1{max-width:100%}.note{padding:24px}main{padding:24px 16px 64px}.bar{padding:8px 16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
code{overflow-wrap:anywhere}
/* interactivity */
.skip{position:absolute;left:-999px;top:8px;z-index:20;background:var(--ak-cyan);color:#05204A;padding:8px 16px;border-radius:99px;font-weight:600}.skip:focus{left:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:99px;border:1px solid rgba(184,216,234,.28);background:transparent;color:var(--ak-text);font-weight:600;transition:box-shadow .2s,transform .2s,border-color .2s}
.btn:hover{border-color:var(--ak-cyan);color:var(--ak-text);transform:translateY(-2px)}
.btn.primary{background:var(--ak-cyan);color:#05204A;border-color:var(--ak-cyan)}.btn.primary:hover{color:#05204A;box-shadow:var(--glow-cyan)}
.cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px;margin:8px 0 32px}
.stat{padding:8px 0;border-top:2px solid rgba(0,240,255,.5)}.stat b{display:block;font-size:var(--fs-h1,clamp(36px,5vw,64px));line-height:1.1;font-family:"Inter Display",Inter,sans-serif;font-variant-numeric:tabular-nums}.stat span{color:var(--ak-text-2);font-size:14px}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.js .reveal.in{opacity:1;transform:none}
#map a{cursor:pointer;outline:none}#map a rect{transition:stroke .2s,fill .2s}#map line{transition:stroke .2s,opacity .2s}
#map.hl a:not(.on){opacity:.35}#map.hl line:not(.on){opacity:.2}#map line.on{stroke:var(--ak-cyan);stroke-width:2.5}
#map a:focus-visible rect,#map a.on rect{stroke:var(--ak-teal);fill:#0B3B73}
.info{margin:20px 0}.info h3{font-size:22px}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}.btn:hover{transform:none}}
[hidden]{display:none!important}