:root{--c-bg:#373234;--c-surface:#2f2c2d;--c-primary:#201d1e;--c-accent:#e82e2e;--c-accent-h:#c41c1c;--c-text:#f2f1ed;--c-text-muted:#b5aeac;--c-border:#4c4849;--font:'Quicksand',system-ui,-apple-system,sans-serif;--max-w:1200px;--r:8px;--header-h:68px;--transition:.2s ease}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);line-height:1.65;-webkit-font-smoothing:antialiased;min-width:320px}
a{color:var(--c-accent);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem;padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.6rem;border-radius:var(--r);font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;border:2px solid transparent;text-decoration:none;white-space:nowrap}
.btn--accent{background:var(--c-accent);color:#fff}.btn--outline{background:transparent;color:var(--c-accent);border-color:var(--c-accent)}
.cookie-banner{padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}
.site-header{position:sticky;top:0;z-index:500;background:var(--c-primary);border-bottom:1px solid rgba(255,255,255,.06);height:var(--header-h)}
.site-header__inner{display:flex;align-items:center;height:100%;gap:1rem}.site-header__logo{display:flex;align-items:center;flex-shrink:0}.site-header__logo-img{height:46px;width:auto;display:block}
.main-nav{margin-left:auto;overflow:visible}.main-nav__list{display:flex;align-items:center;gap:0;list-style:none}.main-nav__list>li>a{display:block;padding:.45rem .55rem;color:var(--c-text-muted);font-size:.83rem;font-weight:500;border-radius:5px;white-space:nowrap}
.nav-toggle{display:none}.messages-wrapper{padding:.75rem 0}.flash{padding:.8rem 1.2rem;border-radius:var(--r);margin-bottom:.5rem;font-weight:500;font-size:.9rem}
@media (max-width:900px){.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem;margin-left:auto}.nav-toggle__bar{width:22px;height:2px;background:#fff;border-radius:2px}.main-nav,.site-header__user,.nav-search{display:none}}