/* PixelForge — shared styles for footer + content pages */
:root{
  --bg:#0d1117; --panel:#161b22; --text:#e6edf3; --muted:#8b949e;
  --accent:#58a6ff; --secret:#00ff66;
  --c-red:#ff5555; --c-orange:#ffb86c; --c-yellow:#f1fa8c;
  --c-green:#50fa7b; --c-cyan:#8be9fd; --c-purple:#bd93f9; --c-pink:#ff79c6;
  --border:#21262d; --card:#161b22;
}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);margin:0;}
a{color:var(--accent);text-decoration:none;}
header{background:rgba(22,27,34,.85);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);padding:14px 40px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.logo{font-weight:700;font-size:20px;color:var(--text);display:flex;align-items:center;gap:10px;}
.logo span{color:var(--accent);}
nav a{margin-left:20px;color:var(--muted);font-size:14px;display:inline-flex;align-items:center;gap:6px;}
nav a:first-child{margin-left:0;}
nav a:hover{color:var(--accent);}
footer{border-top:1px solid var(--border);padding:34px 20px;text-align:center;}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin:10px 0 4px;}
.foot-links a{color:var(--muted);font-size:13px;margin:0;}
.foot-links a:hover{color:var(--accent);}
.foot-legal a{font-size:12px;}
.foot-contact{display:block;color:var(--muted);font-size:12.5px;margin-top:8px;}
.foot-contact a{color:var(--accent);}
.foot-legal-line{display:block;color:#6e7681;font-size:11px;margin-top:6px;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.5;}

/* content pages */
.page{max-width:860px;margin:0 auto;padding:48px 20px 72px;position:relative;z-index:1;}
.page.wide{max-width:1100px;}
.page h1{font-size:34px;line-height:1.2;margin-bottom:16px;}
.page h2{font-size:23px;margin:34px 0 12px;color:var(--text);}
.page h3{font-size:18px;margin:24px 0 8px;color:var(--text);}
.page p{color:#c9d1d9;line-height:1.7;margin-bottom:14px;}
.page ul,.page ol{margin:0 0 16px 22px;color:#c9d1d9;line-height:1.7;}
.page li{margin-bottom:6px;}
.page .lead{font-size:17px;color:var(--muted);margin-bottom:24px;}
.page table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14px;}
.page th,.page td{border:1px solid var(--border);padding:10px 12px;text-align:left;color:#c9d1d9;}
.page th{background:var(--panel);color:var(--text);}
.crumb{font-size:13px;color:var(--muted);margin-bottom:18px;}
.crumb a{color:var(--accent);}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:22px 0;}
.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px;transition:border-color .2s,transform .15s;}
.card:hover{border-color:var(--accent);transform:translateY(-2px);}
.card h3{margin:0 0 8px;font-size:16.5px;}
.card h3 a{color:var(--text);}
.card p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.55;}
.tag{display:inline-block;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:3px 12px;font-size:12px;color:var(--muted);margin:3px 4px 3px 0;}
.price{font-size:22px;font-weight:700;color:var(--c-green);}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#0d1117;border:none;border-radius:8px;padding:12px 26px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;}
.btn:hover{filter:brightness(1.1);color:#0d1117;}
.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--accent);}
.btn.ghost:hover{border-color:var(--accent);}
.note{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:16px 18px;margin:20px 0;font-size:14px;color:var(--muted);}
.form{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:26px;margin-top:20px;}
.form label{display:block;font-size:13px;font-weight:600;color:var(--text);margin:0 0 6px;}
.form input,.form textarea,.form select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:11px 13px;color:var(--text);font-size:14px;font-family:inherit;margin-bottom:16px;}
.form input:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;}
.form .check{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin-bottom:16px;}
.form .check input{width:auto;margin:3px 0 0;}
details.faq{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-bottom:12px;}
details.faq summary{cursor:pointer;font-weight:600;color:var(--text);font-size:15px;}
details.faq p{margin:10px 0 0;font-size:14px;}
.legal-meta{color:var(--muted);font-size:13px;margin-bottom:22px;}
@media(max-width:640px){.page{padding:32px 16px 56px;}.page h1{font-size:26px;}}

/* cookie banner (subpages) */
#cookie-banner-sub{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:500;max-width:560px;width:calc(100% - 40px);background:rgba(22,27,34,.97);border:1px solid var(--border);border-radius:10px;padding:16px 20px;box-shadow:0 10px 30px rgba(0,0,0,.5);color:var(--text);font-size:13px;}
#cookie-banner-sub p{color:var(--muted);font-size:12.5px;margin-bottom:10px;line-height:1.5;}
#cookie-banner-sub a{color:var(--accent);}
#cookie-banner-sub .row{display:flex;gap:10px;}
#cookie-banner-sub .acc{background:var(--c-green);color:#0d1117;border:none;padding:8px 20px;border-radius:6px;font-weight:700;font-size:12.5px;cursor:pointer;}
#cookie-banner-sub .dec{background:none;border:1px solid var(--border);color:var(--muted);padding:8px 16px;border-radius:6px;font-size:12.5px;cursor:pointer;}
#cookie-banner-sub.hidden{display:none;}

/* ===== coming-soon stub pages ===== */
.soon{min-height:72vh;display:flex;align-items:center;justify-content:center;padding:56px 20px;position:relative;overflow:hidden;
  background:radial-gradient(ellipse at 50% 120%,#1a1440 0%,#0d1117 60%);}
.soon::before{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(2px 2px at 12% 22%,#fff 50%,transparent 51%),
    radial-gradient(2px 2px at 78% 12%,#f1fa8c 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 34% 68%,#8be9fd 50%,transparent 51%),
    radial-gradient(2px 2px at 90% 55%,#fff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 55% 30%,#ff79c6 50%,transparent 51%),
    radial-gradient(2px 2px at 8% 82%,#bd93f9 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 66% 88%,#fff 50%,transparent 51%);
  animation:soon-twinkle 2.6s steps(2) infinite;}
@keyframes soon-twinkle{50%{opacity:.35;}}
.soon-card{position:relative;text-align:center;max-width:540px;}
.soon-critter{width:240px;max-width:60vw;height:auto;image-rendering:pixelated;border:4px solid #f1fa8c;
  box-shadow:0 0 0 4px #0d1117, 0 0 34px rgba(241,250,140,.35);margin-bottom:26px;
  animation:soon-float 3.6s steps(18) infinite;}
@keyframes soon-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.soon-badge{display:inline-block;font-family:'Press Start 2P',monospace;font-size:11px;letter-spacing:2px;
  color:#0d1117;background:#f1fa8c;padding:10px 18px;border:3px solid #0d1117;
  box-shadow:0 4px 0 #0d1117;margin-bottom:22px;animation:soon-blink 1.6s steps(2) infinite;}
@keyframes soon-blink{50%{filter:brightness(.75);}}
.soon h1{font-family:'Press Start 2P',monospace;font-size:19px;line-height:1.8;color:#e6edf3;margin-bottom:16px;}
.soon-sub{color:#8b949e;font-size:14.5px;line-height:1.7;margin-bottom:28px;}
.soon-sub b{color:#f1fa8c;}

/* мини-переключатель языка на подстраницах */
.lang-mini{display:inline-flex;border:2px solid var(--border);border-radius:8px;overflow:hidden;margin-left:16px;vertical-align:middle;}
.lang-mini button{background:var(--panel);border:none;color:var(--muted);font-size:11px;padding:6px 10px;cursor:pointer;font-weight:700;}
.lang-mini button.active{background:var(--accent);color:#fff;}

/* ===== PIXEL-ART LIGHT THEME для подстраниц (как главная) ===== */
:root{--bg:#fdf9f0;--panel:#ffffff;--text:#26232e;--muted:#6d6580;--border:#e8e0d2;--card:#ffffff;--accent:#3b6fd4;}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',Arial,sans-serif;}
a{color:var(--accent);}

/* шапка и подвал с радужными пиксель-полосами */
header{background:#ffffff;border-bottom:none;position:relative;}
header::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:6px;
  background:repeating-linear-gradient(90deg,#ff5555 0 24px,#ffb86c 24px 48px,#f1fa8c 48px 72px,#50fa7b 72px 96px,#8be9fd 96px 120px,#bd93f9 120px 144px,#ff79c6 144px 168px);}
footer{background:#fdf3e3;border-top:none;position:relative;color:var(--muted);}
footer::before{content:'';position:absolute;left:0;right:0;top:-6px;height:6px;
  background:repeating-linear-gradient(90deg,#bd93f9 0 24px,#8be9fd 24px 48px,#50fa7b 48px 72px,#f1fa8c 72px 96px,#ffb86c 96px 120px,#ff5555 120px 144px,#ff79c6 144px 168px);}
footer .foot-links a{color:var(--muted);}
footer .foot-links a:hover{color:#d24545;}
footer .foot-contact{color:var(--muted);}

.logo{font-family:'Press Start 2P',monospace;font-size:14px;letter-spacing:1px;}
.logo span{text-shadow:2px 2px 0 rgba(59,111,212,.25);}
nav a:hover{color:#d24545;}

/* пиксельные заголовки */
.page h1{font-family:'Press Start 2P',monospace;font-size:19px;line-height:1.8;}
.page h2{font-family:'Press Start 2P',monospace;font-size:12px;line-height:1.8;color:#2f5bb0;}
.page h3{font-family:'Press Start 2P',monospace;font-size:10.5px;line-height:1.7;}
.page p,.page li{color:#4c4460;}
.page .lead{color:#6d6580;}

/* пиксель-рамки на карточках и блоках */
.card, .mods, details.faq, .form{
  border:3px solid #26232e;border-radius:0;
  box-shadow:inset -3px -3px 0 rgba(0,0,0,.10), inset 3px 3px 0 rgba(255,255,255,.6);
  image-rendering:pixelated;}
.card{transition:transform .12s steps(2), box-shadow .12s steps(2);}
.card:hover{transform:translate(-2px,-4px);box-shadow:6px 6px 0 rgba(38,35,46,.22), inset -3px -3px 0 rgba(0,0,0,.10), inset 3px 3px 0 rgba(255,255,255,.6);border-color:#26232e;}
.card:nth-child(4n+1){background:#fff0f0;}
.card:nth-child(4n+2){background:#eef5ff;}
.card:nth-child(4n+3){background:#edffef;}
.card:nth-child(4n+4){background:#fff8e3;}
.card p{color:#5c5470;}
.card-cat{color:#c2418f !important;}

/* кнопки как на главной */
.btn{font-family:'Press Start 2P',monospace;font-size:10px;letter-spacing:1px;
  background:#ff7a59;color:#26232e;border:3px solid #26232e;border-radius:0;padding:14px 22px;
  box-shadow:0 5px 0 #26232e, inset -3px -3px 0 rgba(0,0,0,.18), inset 3px 3px 0 rgba(255,255,255,.35);
  transition:transform .06s steps(2), box-shadow .06s steps(2);}
.btn:hover{background:#ffb86c;color:#26232e;transform:translateY(-2px);
  box-shadow:0 7px 0 #26232e, inset -3px -3px 0 rgba(0,0,0,.18), inset 3px 3px 0 rgba(255,255,255,.35);}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #26232e;}
.btn.ghost{background:#fff;color:#3b6fd4;}
.btn.ghost:hover{background:#eef5ff;color:#3b6fd4;}

/* формы */
.form{background:#fffdf7;}
.form input,.form textarea,.form select{background:#fffdf7;border:3px solid #26232e;border-radius:0;color:#26232e;}
.form input:focus,.form textarea:focus{outline:none;border-color:#ff7a59;box-shadow:0 0 0 3px rgba(255,122,89,.30);}
.form .check{color:#6d6580;}

/* таблицы и мелочь */
.page th{background:#fdf3e3;color:#26232e;border-color:#e8e0d2;}
.page td{border-color:#e8e0d2;color:#4c4460;}
.note{background:#fdf3e3;border-color:#e8e0d2;border-left:3px solid #ff7a59;color:#6d6580;}
details.faq summary{color:#26232e;}
details.faq p{color:#5c5470;}
.tag{background:#fdf3e3;border-color:#e8e0d2;color:#6d6580;}
.price{color:#2c9e4b;}
.crumb{color:#6d6580;}
.legal-meta{color:#6d6580;}
.lang-mini{border-color:#26232e;}
.lang-mini button{background:#fff;color:#6d6580;}
.lang-mini button.active{background:#3b6fd4;color:#fff;}

/* qTox-кнопка под светлую тему */
.qtox-btn{background:#fff;border:3px solid #26232e;color:#3b6fd4;border-radius:0;font-family:'Press Start 2P',monospace;font-size:9px;
  box-shadow:0 3px 0 #26232e;}
.qtox-btn:hover{background:#3b6fd4;color:#fff;}
.qtox-id{color:#2c9e4b;}

/* cookie-баннер подстраниц в светлой теме */
#cookie-banner-sub{background:#fffdf7;border:3px solid #26232e;border-radius:0;color:#26232e;
  box-shadow:0 5px 0 #26232e;}
#cookie-banner-sub p{color:#6d6580;}
#cookie-banner-sub .acc{background:#50c86e;color:#17301f;border-radius:0;border:2px solid #26232e;font-family:'Press Start 2P',monospace;font-size:9px;}
#cookie-banner-sub .dec{border:2px solid #26232e;border-radius:0;color:#6d6580;font-family:'Press Start 2P',monospace;font-size:9px;}

/* заглушка остаётся космической — тёмной по задумке */