@font-face { font-family:Manrope; src:url('assets/manrope-cyrillic.woff2') format('woff2'); font-weight:400 800; font-display:swap; unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:Manrope; src:url('assets/manrope-latin.woff2') format('woff2'); font-weight:400 800; font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
:root { color-scheme: dark; --bg:#080c09; --panel:#111813; --panel-2:#1c271e; --line:#a5c2a32e; --text:#f2f6ef; --muted:#acb9a9; --accent:#a4ef76; --accent-hover:#bafc93; --accent-ink:#10200e; --accent-soft:#203a25; --gutter:20px; font-family:Manrope,system-ui,sans-serif; background:var(--bg); color:var(--text); font-synthesis:none; text-rendering:optimizeLegibility; }
* { box-sizing:border-box; }
body { min-width:320px; margin:0; background:var(--bg); color:var(--text); font-size:15px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
a:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.page { width:min(1600px,calc(100% - 24px)); margin:auto; }
.site-header { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:80px; padding:12px var(--gutter); }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:20px; font-weight:800; text-decoration:none; letter-spacing:-.045em; white-space:nowrap; }
.brand > img { display:block; width:28px; height:32px; object-fit:contain; }
.brand-vpn { color:var(--accent); }
.site-header nav { display:flex; gap:12px; align-items:center; }
.back-link { display:none; align-items:center; min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); font-size:13px; font-weight:600; text-decoration:none; }
.theme-button { display:grid; place-items:center; flex:none; width:44px; height:44px; border:1px solid var(--line); border-radius:12px; color:var(--text); background:var(--panel-2); cursor:pointer; }
.theme-button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; }
button:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.hero { padding:32px var(--gutter) 28px; }
.eyebrow { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:11px; font-weight:650; letter-spacing:.15em; }
h1 { margin:16px 0 10px; font-size:clamp(38px,5vw,72px); font-weight:600; line-height:1.12; letter-spacing:-.055em; }
h1 em { color:var(--accent); font-style:normal; }
.intro { color:var(--muted); font-size:16px; line-height:1.65; margin:0; max-width:440px; }
.download-card { padding:28px var(--gutter); border:1px solid var(--line); border-radius:32px; background:radial-gradient(ellipse at 98% 0,#345b2860,transparent 60%),radial-gradient(ellipse at 4% 100%,#163a2770,transparent 60%),var(--bg); }
.release-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:28px; }
.windows-icon { display:grid; grid-template-columns:repeat(2,18px); gap:4px; transform:perspective(100px) rotateY(-10deg); }
.windows-icon i { height:18px; background:var(--accent); }
.available { display:flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid var(--line); border-radius:10px; color:var(--accent); background:var(--accent-soft); font-size:12px; }
.dot { display:inline-block; width:6px; height:6px; flex:0 0 auto; border-radius:50%; background:var(--accent); }
.release-layout { display:grid; gap:24px; align-items:center; }
.windows-art { display:block; width:100%; height:auto; max-width:680px; border-radius:24px; }
.release-copy { min-width:0; }
h2 { margin:0; font-size:24px; letter-spacing:-.04em; font-weight:600; }
.release-copy h2 { margin:12px 0; font-size:clamp(30px,4vw,44px); line-height:1.14; }
.release-copy h2 span { display:block; color:var(--muted); font-weight:450; }
.download-button { display:flex; align-items:center; gap:14px; min-height:72px; margin-top:24px; padding:14px 18px; border-radius:12px; color:var(--accent-ink); background:var(--accent); text-decoration:none; transition:background .2s,transform .2s; width:fit-content; max-width:100%; }
.download-button:hover { background:var(--accent-hover); transform:translateY(-2px); }
.download-icon { display:grid; place-items:center; flex:0 0 30px; font-size:29px; }
.download-button strong,.download-button small { display:block; }
.download-button strong { font-size:15px; }
.download-button small { margin-top:5px; color:#3b512e; font-size:11px; }
.install-note { display:flex; align-items:baseline; gap:9px; margin-top:24px; color:var(--muted); font-size:12px; line-height:1.6; }
.preview-notice { font-size:12px; line-height:1.65; color:var(--muted); margin:20px 0 0; }
.preview-notice strong { color:var(--text); }
.vpn-status { padding:14px 16px; border:1px solid #605035; border-radius:12px; background:#30291d; color:#dbcba9; }
.details { display:grid; gap:16px; margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.details > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; font-size:12px; line-height:1.6; }
.details span { color:var(--muted); }
.details strong { font-weight:500; }
.details a { text-underline-offset:4px; }
.platforms { margin:16px 0; padding:36px var(--gutter); border:1px solid var(--line); border-radius:32px; background:radial-gradient(ellipse at 100% 0,#345b2829,transparent 55%),var(--panel); }
.section-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px 24px; margin-bottom:20px; }
.section-heading p { color:var(--muted); font-size:13px; margin:0; }
.platform-grid { display:grid; gap:12px; }
.platform { position:relative; display:grid; grid-template-columns:1fr auto; align-items:center; gap:6px 12px; padding:22px; border:1px solid var(--line); border-radius:24px; background:var(--bg); color:var(--muted); text-align:left; font:inherit; opacity:1; cursor:not-allowed; min-width:0; }
.platform img { grid-column:1/-1; grid-row:1; display:block; width:100%; height:140px; object-fit:contain; border-radius:10px; }
.platform strong { grid-column:1; font-size:16px; font-weight:550; }
.platform span { grid-column:1; font-size:11px; line-height:1.5; }
.platform small { grid-column:2; grid-row:2/4; border:1px solid var(--line); border-radius:6px; padding:5px 8px; font-size:11px; }
footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; border-top:1px solid var(--line); padding:28px var(--gutter); color:var(--muted); font-size:12px; }
footer a { text-underline-offset:4px; }
@media(min-width:620px) { .back-link { display:inline-flex; } .platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .platform { grid-template-columns:1fr auto; gap:12px; } .platform img { height:150px; } .download-card { padding:36px; } }
@media(min-width:768px) { .release-layout { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:24px; } .windows-art { grid-column:2; } .release-copy { grid-column:1; grid-row:1; } }
@media(min-width:1024px) { :root { --gutter:44px; } .site-header { min-height:90px; } .release-layout { gap:32px; } .hero { padding-top:40px; padding-bottom:36px; } .details { grid-template-columns:1fr 1fr; gap:40px; } .platform-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .download-card { padding:40px; } }
@media(prefers-reduced-motion:reduce) { .download-button { transition:none; } }

@media(min-width:1280px) { :root { --gutter:48px; } .download-card { padding:48px; } .platform-grid { gap:20px; } }
[data-theme=light] { color-scheme:light; --bg:#f4f7ef; --panel:#fff; --panel-2:#e9f0e3; --text:#18271a; --muted:#52634c; --line:#29492930; --accent-soft:#e0efd4; }
[data-theme=light] .brand-vpn,[data-theme=light] h1 em { color:#36782f; }
[data-theme=light] .available { color:#36782f; }
[data-theme=light] .download-card,[data-theme=light] .platforms { background:radial-gradient(ellipse at 98% 0,#a4ef7630,transparent 60%),var(--panel); }
[data-theme=light] .vpn-status { background:#fff5df; color:#6a4c1e; border-color:#cfb57d; }
[data-theme=light] .vpn-status strong { color:#503813; }
[data-theme=light] a:focus-visible,[data-theme=light] button:focus-visible { outline-color:#33752d; }