/* Общая основа всех страниц, кроме главной: токены, сброс, шапка, подвал,
   фон-вода. Раньше эти же правила лежали копиями в каждой из 18 страниц.

   index.html сюда не входит намеренно: у неё свои body, цвет ссылок и градиент
   шапки — она подключает только собственный <style>.

   Страница может переопределить отсюда что-то в своём <style> — он идёт после.
   Так сделано для пары мест, где страницы разошлись: --mono на трёх кейсах,
   gap у .rd-nav на about/legal. */

:root{--bg:oklch(0.98 0.005 245);--fg:oklch(0.18 0.02 250);--fg-2:oklch(0.42 0.02 250);--fg-3:oklch(0.62 0.015 250);--line:oklch(0.88 0.02 245);--card:oklch(0.99 0.003 245);--accent:oklch(0.58 0.16 245);--accent-2:oklch(0.78 0.10 230);--deep:oklch(0.22 0.08 250);--ink:#07101e;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--sans:'Manrope','Inter',ui-sans-serif,system-ui,sans-serif;--serif:'Instrument Serif','Times New Roman',serif}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.mono{font-family:var(--mono);letter-spacing:-.01em}
a{color:var(--accent);text-decoration:none}
a:hover{color:oklch(0.5 0.17 245)}
em,i{font-family:var(--serif);font-style:italic;font-weight:400}
.rd-hd{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:linear-gradient(to bottom,#07101e 35%,rgba(7,16,30,.5) 75%,transparent 100%);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.rd-hd .sea-bg{mask-image:linear-gradient(to bottom,#000 30%,rgba(0,0,0,.5) 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 30%,rgba(0,0,0,.5) 70%,transparent 100%)}
.rd-hd-inner{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:clamp(20px, 2.2vw, 32px)}
.rd-mobile-menu{z-index:2}
.rd-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-0.02em;color:#fff}
.rd-logo:hover{color:#fff}
.rd-logo-mark{display:inline-flex}
.rd-logo-mark img{display:block;height:28px;width:auto}
.rd-logo-tx i{color:rgba(255,255,255,.55);margin-left:2px;font-family:var(--serif);font-style:italic}
.rd-logo-dot{color:var(--accent-2);margin:0 2px}
.rd-nav{display:flex;align-items:center;gap:clamp(16px, 1.9vw, 26px);margin-left:auto;flex-shrink:0}
.rd-nav a{font-size:15px;color:rgba(255,255,255,.65);transition:color .2s;white-space:nowrap}
.rd-nav a:hover{color:#fff}
.rd-nav-item{position:relative}
.rd-nav-trigger{display:inline-flex;align-items:center;gap:4px}
.rd-caret{opacity:.6;transition:transform .2s}
.rd-nav-item:hover .rd-caret{transform:rotate(180deg)}
.rd-drop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);min-width:220px;background:rgba(10,20,35,.97);border:.5px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 20px 40px rgba(0,0,0,.35);z-index:20}
.rd-nav-item:hover .rd-drop{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.rd-drop a{display:block;padding:8px 10px;border-radius:6px;font-size:14px;color:rgba(255,255,255,.72);white-space:nowrap}
.rd-drop a:hover{background:rgba(255,255,255,.08);color:#fff}
.rd-nav-soon{font-size:15px;color:rgba(255,255,255,.35);cursor:default;white-space:nowrap}
.rd-cta-mini{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:9px 14px;background:rgba(255,255,255,.15);color:#fff;border:.5px solid rgba(255,255,255,.3);border-radius:999px;font-weight:500;backdrop-filter:blur(8px);transition:transform .2s,background .2s;cursor:pointer;white-space:nowrap;flex-shrink:0}
.rd-cta-mini:hover{background:rgba(255,255,255,.25);transform:translateY(-1px);color:#fff}
.rd-burger{display:none;appearance:none;border:0;background:transparent;width:42px;height:42px;margin:-8px -8px -8px 4px;padding:11px 9px;cursor:pointer;flex-direction:column;justify-content:space-between}
.rd-burger span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:transform .3s,opacity .2s}
.rd-hd.is-open .rd-burger span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.rd-hd.is-open .rd-burger span:nth-child(2){opacity:0}
.rd-hd.is-open .rd-burger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.rd-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(7,16,30,.96);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-top:.5px solid rgba(255,255,255,.12);padding:8px 24px 24px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s,visibility 0s linear .3s}
.rd-mobile-menu.is-open{transform:translateY(0);opacity:1;visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s,visibility 0s}
.rd-mobile-menu nav{display:flex;flex-direction:column}
.rd-mobile-menu nav a{font-size:19px;font-weight:500;color:#fff;padding:15px 4px;border-bottom:.5px solid rgba(255,255,255,.14)}
.rd-mobile-menu .rd-nav-soon{font-size:19px;font-weight:500;padding:15px 4px;border-bottom:.5px solid rgba(255,255,255,.14);width:100%;color:rgba(255,255,255,.35)}
.rd-mobile-menu .rd-mob-sub{font-size:15px!important;font-weight:400!important;color:rgba(255,255,255,.55)!important;padding:10px 4px 10px 16px!important}
.rd-mobile-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:14px;background:rgba(255,255,255,.15);color:#fff;border-radius:999px;font-weight:500;cursor:pointer}
body{padding-top:84px}
.rd-foot{max-width:1400px;margin:0 auto;padding:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-top:.5px solid var(--line);font-size:13.5px;color:var(--fg-2);background:var(--bg);position:relative;z-index:2}
.rd-foot-l .mono{font-size:12px}
.rd-foot-d{margin-top:6px;font-size:12.5px;color:var(--fg-3)}
.rd-foot-r{display:flex;gap:20px}
.rd-foot-r a:hover{color:var(--accent)}
@media (max-width:980px){.rd-nav{display:none}.rd-cta-mini{display:none}.rd-burger{display:flex;margin-left:auto}.rd-mobile-menu{display:block}.rd-hd.is-open{background:rgba(7,16,30,.92);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}}
@media (max-width:560px){.rd-hd-inner{padding:0 20px}.rd-foot{flex-direction:column;align-items:flex-start;gap:16px;padding:28px 20px}}
.sea-bg{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#07101e;z-index:0;pointer-events:none}
.water-base{position:absolute;inset:-2%;background:radial-gradient(ellipse 90% 60% at 50% 110%,#6a9bc8 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 50% -20%,#3a6594 0%,transparent 60%),linear-gradient(180deg,#2a4a72 0%,#3e6a99 50%,#5689b8 100%)}
.wave{position:absolute;inset:-8%;pointer-events:none;will-change:transform}
.wave-far{mix-blend-mode:screen;opacity:.85;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 90%);animation:waveDriftFar 38s ease-in-out infinite}
.wave-near{mix-blend-mode:screen;opacity:.95;-webkit-mask-image:linear-gradient(180deg,transparent 10%,#000 45%,#000 100%);mask-image:linear-gradient(180deg,transparent 10%,#000 45%,#000 100%);animation:waveDriftNear 28s ease-in-out infinite reverse}
@keyframes waveDriftFar{0%{transform:translate3d(0,0,0) scale(1.04)}50%{transform:translate3d(-2.5%,-1.2%,0) scale(1.06)}100%{transform:translate3d(0,0,0) scale(1.04)}}
@keyframes waveDriftNear{0%{transform:translate3d(0,0,0) scale(1.05)}50%{transform:translate3d(2.5%,1.5%,0) scale(1.08)}100%{transform:translate3d(0,0,0) scale(1.05)}}
.rd-hd .vignette{position:absolute;inset:0;background:radial-gradient(ellipse 100% 90% at 50% 55%,transparent 50%,rgba(20,38,68,.35) 100%);pointer-events:none}
.rd-hd .tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,70,110,.10) 0%,rgba(60,90,130,.02) 50%,transparent 100%);pointer-events:none;mix-blend-mode:multiply}
.rd-hd .grain{position:absolute;inset:0;mix-blend-mode:overlay;opacity:.12;pointer-events:none}
.rd-cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:200;max-width:640px;margin:0 auto;background:var(--card);border:.5px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(10,20,40,.18);padding:20px 22px;transform:translateY(140%);opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s;pointer-events:none}
.rd-cookie.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
.rd-cookie-inner{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.rd-cookie-txt{margin:0;font-size:13px;line-height:1.55;color:var(--fg-2);flex:1 1 260px}
.rd-cookie-txt a{color:var(--accent)}
.rd-cookie-actions{display:flex;gap:10px;flex-shrink:0}
.rd-cookie-decline,.rd-cookie-accept{appearance:none;border-radius:999px;font-size:13px;font-weight:500;padding:10px 18px;cursor:pointer;white-space:nowrap;font-family:var(--sans);border:.5px solid transparent;transition:transform .15s,background .15s,border-color .15s}
.rd-cookie-decline{background:transparent;border-color:var(--line);color:var(--fg-2)}
.rd-cookie-decline:hover{border-color:var(--fg-2);color:var(--fg)}
.rd-cookie-accept{background:var(--accent);border-color:var(--accent);color:#fff}
.rd-cookie-accept:hover{transform:translateY(-1px);background:oklch(0.5 0.17 245)}
@media (max-width:560px){.rd-cookie{left:12px;right:12px;bottom:12px;padding:18px}.rd-cookie-inner{flex-direction:column;align-items:stretch}.rd-cookie-txt{flex:0 1 auto}.rd-cookie-actions{width:100%}.rd-cookie-decline,.rd-cookie-accept{flex:1 1 0;text-align:center}}