:root { --bg:#020812; --panel:rgba(8,23,40,.78); --line:rgba(113,185,255,.16); --line-strong:rgba(113,185,255,.34); --text:#f4f7fb; --muted:#96a9bc; --blue:#68b9ff; --cyan:#92e9ff; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; min-width:320px; color:var(--text); font-family:Inter,Manrope,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at 80% 8%,rgba(39,111,210,.16),transparent 28%),linear-gradient(180deg,#030a14,#04111e 48%,#020711); }
body::before { content:""; position:fixed; inset:0; z-index:-1; background-image:linear-gradient(rgba(118,186,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(118,186,255,.04) 1px,transparent 1px); background-size:48px 48px; pointer-events:none; }
a { color:inherit; text-decoration:none; }
.container { width:min(calc(100% - 40px),var(--max)); margin-inline:auto; }
.legal-header { height:86px; display:flex; align-items:center; border-bottom:1px solid var(--line); background:rgba(2,8,18,.78); backdrop-filter:blur(18px); }
.legal-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:13px; }
.brand-mark { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--line-strong); color:var(--cyan); font-family:Georgia,serif; }
.brand-text strong,.brand-text small { display:block; }.brand-text small { margin-top:3px; color:var(--muted); font-size:10px; letter-spacing:.08em; }
.back-link { padding:11px 15px; border:1px solid var(--line); color:#b5c5d5; font-size:12px; }
.back-link:hover,.back-link:focus-visible { border-color:var(--cyan); color:var(--cyan); outline:none; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:9px; padding-top:24px; color:#71869a; font-size:11px; }
.breadcrumbs a { color:var(--cyan); }
.breadcrumbs a:hover,.breadcrumbs a:focus-visible { text-decoration:underline; outline:none; }
.legal-hero { padding:90px 0 58px; border-bottom:1px solid var(--line); }
.legal-kicker,.legal-index { color:var(--cyan); font-size:10px; letter-spacing:.17em; text-transform:uppercase; }
.legal-hero h1 { max-width:980px; margin:18px 0 20px; font-family:Georgia,serif; font-size:clamp(42px,6vw,78px); line-height:1; font-weight:400; letter-spacing:-.035em; }
.legal-hero p { max-width:760px; margin:0; color:var(--muted); line-height:1.7; }
.legal-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:60px; padding:70px 0 110px; }
.legal-toc { position:sticky; top:24px; align-self:start; padding:24px; border:1px solid var(--line); background:rgba(5,18,32,.7); }
.legal-toc strong { display:block; margin-bottom:15px; color:var(--cyan); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.legal-toc ol { display:grid; gap:8px; margin:0; padding-left:18px; color:#8fa4b8; font-size:11px; line-height:1.45; }
.legal-toc a:hover,.legal-toc a:focus-visible { color:var(--cyan); outline:none; }
.legal-content { min-width:0; }
.legal-section { scroll-margin-top:24px; padding:0 0 42px; margin-bottom:42px; border-bottom:1px solid var(--line); }
.legal-section h2 { margin:10px 0 18px; font-family:Georgia,serif; font-size:clamp(25px,3vw,36px); font-weight:400; }
.legal-section p,.legal-section li { color:var(--muted); font-size:14px; line-height:1.8; }
.legal-section ul { padding-left:20px; }
.legal-todo { display:inline-block; padding:2px 7px; border:1px solid rgba(255,190,105,.35); color:#e0bd85; background:rgba(125,78,22,.12); }
.legal-note { padding:20px; border-left:2px solid var(--blue); background:rgba(7,25,43,.7); }
.legal-footer { padding:42px 0; border-top:1px solid var(--line); color:#7f93a7; }
.legal-footer-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:42px; }
.legal-footer-grid > div:empty { display:none; }
.legal-contact { display:grid; gap:7px; color:#8fa4b8; font-size:12px; line-height:1.45; }
.legal-contact strong { color:#dbe9f6; font-size:12px; line-height:1.5; }
.legal-links { display:grid; gap:8px; font-size:12px; }.legal-links a:hover,.legal-links a:focus-visible { color:var(--cyan); outline:none; }
.legal-bottom { grid-column:1/-1; display:grid; grid-template-columns:auto 1fr; gap:30px; padding-top:24px; border-top:1px solid var(--line); font-size:11px; line-height:1.55; }
.legal-bottom p { max-width:700px; margin:0; color:#71869a; }
@media(max-width:820px){.legal-layout{grid-template-columns:1fr;gap:34px}.legal-toc{position:static}.legal-footer-grid{grid-template-columns:1fr}.legal-bottom{grid-template-columns:1fr}.brand-text small{display:none}}
@media(max-width:560px){.container{width:min(calc(100% - 26px),var(--max))}.legal-header{height:74px}.legal-hero{padding:64px 0 44px}.back-link{font-size:0}.back-link::after{content:"← На сайт";font-size:11px}.legal-layout{padding:48px 0 76px}.legal-toc{padding:19px}.legal-section{padding-bottom:30px;margin-bottom:30px}}