/* Legal pages (/legal/*, /privacy, /cookies) in the site style: black background, violet glow, capsule header,
   strongly rounded panels. body.light is the light theme (switched by the header button). */
:root{color-scheme:dark;--bg:#000;--panel:#0d0d0d;--panel2:#171717;--text:#fff;--muted:#a1a1a1;--line:#ffffff14;--line-hi:#ffffff33;--accent:#5960ec;--accent-hi:#9ba2ff;--brand:#6d8bff;--header:#0d0d0dd9;
 --font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;--display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
body.light{color-scheme:light;--bg:#f5f5f7;--panel:#fff;--panel2:#ececf1;--text:#0a0a0a;--muted:#5c5c66;--line:#0000001a;--line-hi:#00000033;--accent-hi:#4b53e0;--header:#ffffffd9}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{position:relative;margin:0;min-height:100vh;overflow-x:clip;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased;padding-bottom:140px}
body:before{content:"";position:absolute;left:50%;top:-560px;width:1400px;height:900px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,#6d70ff99,#5f67f233 45%,transparent 72%);filter:blur(30px);pointer-events:none;z-index:0}
body:after{content:"";position:absolute;left:50%;bottom:-300px;width:1600px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,#5f67f288,#3b3fb844 50%,transparent 75%);filter:blur(20px);pointer-events:none;z-index:0}
body.light:before{opacity:.45}body.light:after{opacity:.35}

/* шапка-капсула: логотип и надпись «OG» синим + «Desk» */
header{position:sticky;top:14px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1040px;width:calc(100% - 32px);height:60px;margin:14px auto 0;padding:0 10px 0 18px;border:1px solid var(--line);border-radius:999px;background:var(--header);backdrop-filter:blur(16px);box-shadow:0 10px 40px #0006}
header>a{display:inline-flex;align-items:center;font-size:0;text-decoration:none;color:var(--text)}
header>a:before{content:"OG";display:inline-flex;align-items:center;height:30px;padding-left:40px;background:url(/logo.png) left center/30px 30px no-repeat;color:var(--brand);font:700 19px/1 var(--display);letter-spacing:-.02em}
header>a:after{content:"Desk";color:var(--text);font:700 19px/1 var(--display);letter-spacing:-.02em}
header button{margin:0;height:40px;padding:0 18px;font-size:14px}

main{position:relative;z-index:1;max-width:1000px;margin:auto;padding:72px 24px 24px}
h1{margin:0 0 28px;font-family:var(--display);font-weight:600;font-size:clamp(32px,4.4vw,56px);line-height:1.1;letter-spacing:-.025em}
h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.015em;line-height:1.2}
a{color:var(--accent-hi)}
:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px;border-radius:6px}

section,article,fieldset{margin:20px 0;padding:32px;border:1px solid var(--line);border-radius:32px;background:var(--panel)}
fieldset legend{padding:0 8px;font-weight:600}
button,input,textarea,select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--panel2)}
button{cursor:pointer;margin:6px 8px 6px 0;min-height:44px;padding:0 20px;border-radius:999px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff14;transition:background .15s,border-color .15s}
button:hover{border-color:var(--line-hi)}
button:disabled{opacity:.55;cursor:not-allowed}
form button[type=submit],#acceptTerms,#cookieSave,#export{background:var(--accent);border-color:transparent;color:#fff;box-shadow:inset 0 2px 1px #ffffff33,0 10px 30px #5f67f240}
form button[type=submit]:hover,#acceptTerms:hover,#cookieSave:hover,#export:hover{background:#4c54de}
input,textarea,select{border-radius:16px;padding:12px 16px;background:var(--bg)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5f67f240}
input:not([type=checkbox]),textarea,select{display:block;width:100%;margin:8px 0 18px}
input[type=checkbox]{width:18px;height:18px;margin:0 10px 0 0;vertical-align:-3px;accent-color:var(--accent)}
label{display:block;margin:12px 0}
pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
article p{white-space:pre-wrap}
#message{color:var(--accent-hi)}
[hidden]{display:none!important}

@media(max-width:600px){
 header{top:8px;width:calc(100% - 16px);height:54px;margin-top:8px;padding:0 6px 0 12px}
 header button{padding:0 14px;font-size:13px}
 main{padding:48px 16px 16px}
 section,article,fieldset{padding:20px;border-radius:24px}
 button{max-width:100%}
}