:root{
--bg:#07111f;--panel:#0d1b2d;--panel2:#102238;--line:#203750;--text:#eef6ff;--muted:#9fb0c3;--accent:#35a7ff;--danger:#ff8080
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.wrap{max-width:1120px;margin:auto;padding:0 22px}.narrow{max-width:700px}.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,17,31,.95);backdrop-filter:blur(12px);z-index:20}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:900;letter-spacing:.07em}.brand span{color:var(--accent)}nav{display:flex;align-items:center;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--accent);color:#03111f!important;padding:11px 17px;font-weight:800;cursor:pointer}.btn.small{padding:8px 13px}.hero{padding:76px 0 54px;max-width:800px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.04em;margin:8px 0 18px}.hero p{font-size:18px;color:var(--muted);max-width:700px}.eyebrow{font-size:12px;color:var(--accent);font-weight:900;letter-spacing:.15em}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 16px}.section-head h1,.section-head h2{margin:0}.muted,small{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.category-card{display:flex;gap:16px;padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.category-card h3{margin:0 0 4px}.category-card p{margin:0 0 8px;color:var(--muted)}.category-icon{font-size:24px}.topic-list{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--panel)}.topic-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 19px;border-bottom:1px solid var(--line)}.topic-row:last-child{border-bottom:0}.topic-row small{display:block}.stats{color:var(--muted);font-size:13px;white-space:nowrap}.empty,.alert{border:1px solid var(--line);background:var(--panel);padding:16px;border-radius:12px;margin:16px 0}.alert{border-color:#6d3940;color:#ffc0c5}.breadcrumb{margin-top:30px;color:var(--muted)}.form-card,.reply-card,.profile-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin:20px 0 40px;display:grid;gap:16px}.form-card label{display:grid;gap:6px;font-weight:700}input,textarea{width:100%;border:1px solid var(--line);background:#091725;color:var(--text);border-radius:10px;padding:12px 13px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--accent)}.topic-title{margin:20px 0}.topic-title h1{margin-bottom:4px}.post{display:grid;grid-template-columns:190px 1fr;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:12px 0}.post aside{padding:18px;border-right:1px solid var(--line)}.post aside small{display:block}.post>div{padding:18px}.post-meta{font-size:12px;color:var(--muted);margin-bottom:12px}.post-body{font-size:16px}.search-form{display:flex;gap:10px;margin:20px 0}.avatar{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#03111f;display:grid;place-items:center;font-size:28px;font-weight:900}.site-footer{border-top:1px solid var(--line);margin-top:60px;padding:28px 0;color:var(--muted)}
@media(max-width:760px){.nav{align-items:flex-start;padding-top:16px;padding-bottom:16px}.nav nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 14px}.category-grid{grid-template-columns:1fr}.hero{padding-top:50px}.section-head{align-items:flex-start;flex-direction:column}.topic-row{align-items:flex-start;flex-direction:column}.stats{white-space:normal}.post{grid-template-columns:1fr}.post aside{border-right:0;border-bottom:1px solid var(--line)}.search-form{flex-direction:column}}

/* V32 Platform Upgrade: consent + community counter */
.site-footer .wrap{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.legal-links,.community-counter{font-size:13px}
.cookie-settings-link{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;padding:0;font:inherit}
.consent-banner{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:99999;display:grid;place-items:end center;padding:20px}
.consent-banner[hidden]{display:none}
.consent-card{width:min(760px,100%);background:#0c1e30;border:1px solid #31506d;border-radius:16px;padding:22px;color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.45)}
.consent-card h2{margin-top:0}.consent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.consent-row{display:flex;gap:10px;padding:12px 0}.consent-row span{display:grid;gap:4px}.consent-row small{color:#b7cee5}

/* V32.1 GDPR consent contrast / equal-choice fix */
.consent-card .btn,
.consent-card .btn-secondary{
  color:#08111d !important;
  background:#35a8f4 !important;
  border:1px solid #35a8f4 !important;
  font-weight:700;
  opacity:1 !important;
}
.consent-card .btn-secondary{
  background:#e8f3fb !important;
  border-color:#b9d2e6 !important;
}
.consent-card .btn:hover,
.consent-card .btn-secondary:hover{
  filter:brightness(.96);
}
.consent-card .btn:focus-visible,
.consent-card .btn-secondary:focus-visible{
  outline:3px solid #fff;
  outline-offset:2px;
}
.consent-row input[type="checkbox"]{
  width:22px;
  height:22px;
  accent-color:#35a8f4;
}


/* Design System + Speed Architecture V1 */
:root{
  --bg:#06111d;--panel:#0b1b2a;--panel2:#102638;--line:#1d3b50;
  --text:#f3f8fc;--muted:#9fb3c2;--accent:#29a8ff;--accent2:#78d0ff;
  --radius:18px;--shadow:0 18px 55px rgba(0,0,0,.18)
}
body{background:radial-gradient(circle at 50% -10%,#0b2638 0,#06111d 34%,#06111d 100%);text-rendering:optimizeLegibility}
.wrap{max-width:1200px;padding-left:clamp(18px,3vw,30px);padding-right:clamp(18px,3vw,30px)}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #dbe5ed;box-shadow:0 8px 30px rgba(1,17,30,.08);backdrop-filter:blur(14px)}
.site-header .nav{min-height:94px}
.site-header nav{gap:6px;flex-wrap:wrap;justify-content:flex-end}
.site-header nav a{color:#071525;padding:9px 11px;border-radius:10px;font-weight:700;font-size:14px}
.site-header nav a:hover{color:#087bc1;background:#eef8ff}
.site-header nav .btn.small{background:#22a7ff;color:#03111f!important;border-color:#22a7ff;padding:9px 14px}
.brand-full-logo{display:inline-flex;align-items:center;line-height:0;flex:0 0 auto}
.site-full-logo{display:block;width:210px;height:auto;max-height:82px;object-fit:contain}
.nav-notifications-link{display:inline-flex!important;align-items:center;gap:6px}
.nav-notifications-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--accent);color:#03111f;font-size:11px;line-height:1;font-weight:900}
.btn{border-radius:12px;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 10px 25px rgba(41,168,255,.16)}
.category-card,.topic-list,.form-card,.reply-card,.profile-card{box-shadow:var(--shadow)}
.category-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}
.category-card:hover{transform:translateY(-2px);border-color:#2b5873;background:#0d2132}
.section-head{margin-top:42px}.section-head h1,.section-head h2{letter-spacing:-.025em}
.site-footer{background:#050d16;margin-top:80px;padding:34px 0}
@media(max-width:820px){
  .site-header .nav{min-height:82px;display:block;padding-top:10px;padding-bottom:8px}
  .brand-full-logo{display:flex;justify-content:center}.site-full-logo{width:168px;max-height:66px}
  .site-header nav{display:flex;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:3px;padding:7px 0 3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .site-header nav::-webkit-scrollbar{display:none}.site-header nav a{white-space:nowrap;padding:8px 10px;font-size:13px}
}

/* Design System + Speed Architecture V2 */
:root{
  --content:1320px;--content-reading:780px;--header-h:82px;
  --radius-sm:12px;--radius-md:18px;--radius-lg:26px;
  --shadow-soft:0 12px 38px rgba(0,0,0,.14);
  --shadow-lift:0 22px 64px rgba(0,0,0,.24)
}
.wrap{max-width:var(--content);padding-left:clamp(18px,3vw,42px);padding-right:clamp(18px,3vw,42px)}
.site-header .nav{min-height:var(--header-h)}
.site-full-logo{width:186px;max-height:70px}
.site-header nav a{font-size:13px;padding:8px 10px}
.site-header{box-shadow:0 5px 22px rgba(1,17,30,.07)}
.section-head{margin-top:50px}.section-head h1{font-size:clamp(34px,4vw,56px)}.section-head h2{font-size:clamp(25px,2.5vw,34px)}
.category-card,.topic-list,.form-card,.reply-card,.profile-card{box-shadow:var(--shadow-soft)}
.category-card{border-radius:var(--radius-md)}
.topic-list{border-radius:var(--radius-md)}
.topic-row{transition:background .16s ease,padding-left .16s ease}
.topic-row:hover{padding-left:23px;background:#102538}
input,textarea,select{min-height:44px}
@media(max-width:820px){
  :root{--header-h:auto}
  .site-header{position:sticky}
  .site-header .nav{display:block;padding-top:7px;padding-bottom:6px}
  .brand-full-logo{height:68px;justify-content:center}.site-full-logo{width:138px;max-height:60px}
  .site-header nav{margin:0 -4px;padding:2px 0 1px;gap:1px;overscroll-behavior-x:contain}
  .site-header nav a{font-size:12px;padding:7px 9px;border-radius:9px}
  .site-header nav .btn.small{padding:7px 11px}
  .wrap{padding-left:18px;padding-right:18px}
  .section-head{margin-top:36px;gap:8px}.section-head h2{font-size:25px}
  .topic-row:hover{padding-left:19px}
}
@media(max-width:430px){
  .brand-full-logo{height:60px}.site-full-logo{width:124px;max-height:54px}
  .site-header nav a{font-size:11.5px;padding:7px 8px}
}