:root{
  --bg:#070707;
  --bg2:#0b0b0b;
  --panel:rgba(10,10,10,.78);
  --panel2:rgba(10,10,10,.55);
  --text:#f2f2f2;
  --muted:rgba(242,242,242,.72);
  --accent:#d3b27e;
  --accent2:#ffe9a7;
  --danger:#ff6b6b;
  --border:rgba(211,178,126,.20);
  --shadow:0 14px 50px rgba(0,0,0,.55);
  --radius:18px;
}
/* *{box-sizing:border-box}
html,body{height:100%
  display:flex;
  flex-direction:column;
  min-height:100vh;
} */
* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body{
  margin:0;
  font-family:Rajdhani,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial;
  color:var(--text);
  background:var(--bg);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}

.bg{position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(1200px 800px at 30% 20%, rgba(211, 178, 126, .08), transparent 60%),
    radial-gradient(900px 600px at 80% 70%, rgba(255, 233, 167, .05), transparent 60%),
    linear-gradient(180deg, #050505 0%, #070707 60%, #040404 100%);
}
.bg::before{content:"";position:absolute;inset:-30vmax;pointer-events:none;z-index:-1;
  background:
    radial-gradient(50vmax 38vmax at 18% 25%, rgba(211, 178, 126, .14), transparent 62%),
    radial-gradient(55vmax 42vmax at 82% 30%, rgba(255, 233, 167, .10), transparent 66%),
    radial-gradient(45vmax 36vmax at 55% 82%, rgba(255, 240, 190, .07), transparent 64%),
    radial-gradient(90vmax 70vmax at 50% 50%, rgba(40, 30, 18, .55), transparent 72%);
  filter:saturate(1.08) contrast(1.06) blur(2px);
  transform:translate3d(0,0,0);
  animation:dayzGlow 60s linear infinite;
}
.bg::after{content:"";position:absolute;inset:-35vmax;pointer-events:none;z-index:-1;
  background:
    radial-gradient(60vmax 45vmax at 22% 62%, rgba(10, 10, 10, .65), transparent 70%),
    radial-gradient(70vmax 52vmax at 85% 58%, rgba(10, 10, 10, .60), transparent 74%),
    radial-gradient(55vmax 40vmax at 56% 28%, rgba(211, 178, 126, .18), transparent 74%),
    radial-gradient(120vmax 90vmax at 50% 50%, rgba(0,0,0,.35), transparent 78%);
  opacity:.55;
  filter: blur(12px);
  mix-blend-mode: screen;
  transform:translate3d(0,0,0);
  animation:dayzFog 90s linear infinite;
}
.bg__grain{position:absolute;inset:-50%;background-image:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2280%22 height=%2280%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.9%22 numOctaves=%224%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22 opacity=%220.25%22/%3E%3C/svg%3E');
  opacity:.18;mix-blend-mode:overlay;transform:rotate(3deg);

  animation:grainDrift 10s steps(12) infinite;
}
.bg__vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%, transparent 45%, rgba(0,0,0,.65) 100%)}


@keyframes dayzGlow{
  0%{transform:translate3d(-0.6%,-0.4%,0) scale(1.02)}
  33%{transform:translate3d(0.8%,-0.6%,0) scale(1.03)}
  66%{transform:translate3d(0.6%,0.7%,0) scale(1.03)}
  100%{transform:translate3d(-0.7%,0.6%,0) scale(1.02)}
}
@keyframes dayzFog{
  0%{transform:translate3d(-0.9%,0.2%,0) scale(1.02)}
  50%{transform:translate3d(0.9%,-0.7%,0) scale(1.03)}
  100%{transform:translate3d(-0.7%,0.8%,0) scale(1.02)}
}
@keyframes grainDrift{
  0%{transform:translate3d(0,0,0) rotate(3deg)}
  100%{transform:translate3d(-2%,1.5%,0) rotate(3deg)}
}
@media (prefers-reduced-motion: reduce){
  .bg::before,.bg::after,.bg__grain{animation:none !important}
}

.newsIntro{margin-bottom:18px}
.news{margin-top:8px}
.news__top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:10px 0 14px}
.news__h{margin:0;font-family:Orbitron,system-ui;letter-spacing:.06em;text-transform:uppercase;font-size:18px}
.news__hint{color:var(--muted);font-size:13px}

.newsEmpty{border:1px solid rgba(231,243,231,.14);background:rgba(10, 10, 10, .55);border-radius:18px;
  padding:22px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.55);
  display:grid;gap:8px;justify-items:center;text-align:center}
.newsEmpty__icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  border:1px solid rgba(211, 178, 126, .3);background:rgba(211, 178, 126, .08)}
.newsEmpty__title{font-weight:700;font-size:18px}
.newsEmpty__text{color:var(--muted);max-width:560px}

.newsGrid{display:grid;gap:14px}
.newsCard{border:1px solid rgba(231,243,231,.14);background:rgba(10, 10, 10, .58);border-radius:18px;
  padding:16px;box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 0 0 1px rgba(0,0,0,.55)}
.newsCard__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.newsCard__meta{display:flex;flex-wrap:wrap;gap:10px}
.newsCard__date,.newsCard__time{display:inline-flex;align-items:center;gap:8px;color:rgba(231,243,231,.86);font-size:13px;
  padding:7px 10px;border-radius:999px;border:1px solid rgba(231,243,231,.12);background:rgba(255,255,255,.02)}
.newsCard__author{display:flex;align-items:center;gap:10px;min-width:180px;justify-content:flex-end}
.newsCard__ava{width:36px;height:36px;border-radius:12px;object-fit:cover;border:1px solid rgba(231,243,231,.14)}
.newsCard__ava--ph{display:grid;place-items:center;background:rgba(255,255,255,.03)}
.newsCard__who{display:flex;flex-direction:column;line-height:1.1;text-align:right}
.newsCard__name{font-weight:700}
.newsCard__src{color:var(--muted);font-size:12px;margin-top:4px}

.newsCard__text{white-space:pre-wrap;line-height:1.6;color:rgba(231,243,231,.92)}
.newsCard__media{margin-top:12px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px}
.newsImg{display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(231,243,231,.12);
  background:rgba(0,0,0,.25);box-shadow:0 12px 26px rgba(0,0,0,.22)}
.newsImg img{width:100%;height:170px;object-fit:cover;display:block;transition:transform .18s ease}
.newsImg:hover img{transform:scale(1.03)}

@media (max-width: 820px){
  .news__top{flex-direction:column;align-items:flex-start}
  .newsCard__head{flex-direction:column;align-items:flex-start}
  .newsCard__author{justify-content:flex-start}
  .newsCard__who{text-align:left}
  .newsCard__media{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .newsImg img{height:150px}
}
@media (max-width: 460px){
  .newsCard{padding:14px}
  .newsCard__meta{gap:8px}
  .newsCard__date,.newsCard__time{font-size:12px;padding:6px 9px}
  .newsCard__media{grid-template-columns:1fr}
  .newsImg img{height:210px}
}

.topbar{position:sticky;top:0;z-index:40;
  background:linear-gradient(180deg, rgba(7,7,7,.92) 0%, rgba(7,7,7,.55) 100%);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border);
;overflow:visible}
.topbar__inner{display:flex;align-items:center;gap:16px;padding:14px 0;min-width:0;overflow:visible}
.brand{display:flex;align-items:center;gap:12px}
.brand__logo{width:36px;height:36px;display:grid;place-items:center;
  border:1px solid var(--border);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(211, 178, 126, .14), rgba(0,0,0,0));
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55);
  font-family:Orbitron,system-ui;
}
.brand__text{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:Orbitron,system-ui;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.brand__tag{font-size:12px;color:var(--muted);margin-top:4px}

.navToggle{display:none;appearance:none;border:1px solid rgba(231,243,231,.14);background:rgba(255,255,255,.03);
  color:rgba(231,243,231,.92);border-radius:14px;padding:10px 12px;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55);
}
.navToggle:active{transform:translateY(0)}
.navToggle__icon{display:block;width:20px;height:14px;position:relative}
.navToggle__icon:before,.navToggle__icon:after{content:'';position:absolute;left:0;right:0;height:2px;border-radius:999px;background:rgba(231,243,231,.92)}
.navToggle__icon:before{top:1px;box-shadow:0 5px 0 0 rgba(231,243,231,.92), 0 10px 0 0 rgba(231,243,231,.92)}
.navToggle__icon:after{display:none}

.mnav{position:fixed;inset:0;z-index:90}
.mnav__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.mnav__panel{position:absolute;top:10px;right:10px;left:10px;max-width:520px;margin-left:auto;
  background:rgba(10, 10, 10, .92);border:1px solid rgba(231,243,231,.14);border-radius:18px;
  box-shadow:0 22px 60px rgba(0,0,0,.45), inset 0 0 0 1px rgba(0,0,0,.5);
  padding:14px;
}
.mnav__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px}
.mnav__title{font-family:Orbitron,system-ui;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:rgba(231,243,231,.9)}
.mnav__close{appearance:none;border:1px solid rgba(231,243,231,.14);background:rgba(255,255,255,.03);
  color:rgba(231,243,231,.92);border-radius:12px;padding:8px 10px;cursor:pointer}
.mnav__links{display:flex;flex-direction:column;gap:8px}
.mnav__link{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:14px;
  border:1px solid rgba(231,243,231,.10);background:rgba(255,255,255,.02);
  color:rgba(231,243,231,.92);text-decoration:none;line-height:1}
.mnav__link i{opacity:.9}
.mnav__link:hover{border-color:rgba(231,243,231,.18);background:rgba(255,255,255,.04)}
.mnav__link--accent{border-color:rgba(211, 178, 126, .35);background:rgba(211, 178, 126, .08)}
.mnav__divider{height:1px;background:rgba(231,243,231,.10);margin:6px 0}
.mnav__form{margin:0}
.mnav__form .mnav__link{width:100%;cursor:pointer;text-align:left}

body.menu-open{overflow:hidden}

@media (max-width: 1200px){
  .nav{gap:8px}
  .nav__link{padding:8px 9px}
}
@media (max-width: 1080px){
  .brand__tag{display:none}
  .nav__link{padding:7px 8px;font-size:14px}
}

.nav{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;margin-left:18px;

  overflow:visible;flex:1;min-width:0}
.nav__link{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid transparent;color:rgba(231,243,231,.9);
  flex:0 0 auto;
  transition:border-color .12s ease, background .12s ease, box-shadow .12s ease;
  line-height:1;
  white-space:nowrap;
}
.nav__link i{opacity:.9}
.nav__link:hover{border-color:var(--border);background:rgba(255,255,255,.03);box-shadow:0 10px 18px rgba(0,0,0,.18)}
.nav__link:active{box-shadow:0 6px 12px rgba(0,0,0,.12)}
.nav__link--accent{border-color:rgba(211, 178, 126, .35);background:rgba(211, 178, 126, .06)}

.nav__spacer{flex:0 0 auto;margin-left:auto}

.nav__form{margin:0}
.nav__form .nav__link{cursor:pointer}

.nav__link--ghost{background:transparent;border-color:rgba(231,243,231,.12)}

@media (max-width: 860px){
  .navToggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  .topbar .nav--desktop{display:none !important}
  .topbar__inner{gap:12px}
}

.topbar__inner{flex-wrap:nowrap}

.nav__spacer{flex:0 0 auto;margin-left:auto}
.nav__form{margin:0;display:flex}
.nav__link--ghost{border-color:rgba(231,243,231,.12);background:rgba(255,255,255,.02)}
.inline{display:inline}

.btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:10px 14px;border:1px solid var(--border);
  background:rgba(255,255,255,.03);color:var(--text);
  cursor:pointer;transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
  line-height:1;
  white-space:nowrap;
}
.topbar .btn:hover{transform:none;box-shadow:var(--shadow)}
.topbar .btn:active{transform:none}

.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn:active{transform:translateY(0)}
.btn--accent{border-color:rgba(211, 178, 126, .5);background:linear-gradient(180deg, rgba(211, 178, 126, .22), rgba(255,255,255,.02));}
.btn--ghost{background:transparent}

.kicker{font-family:Orbitron,system-ui;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(211, 178, 126, .85)}
.muted{color:var(--muted)}
.small{font-size:12px}

.hero{padding:46px 0 18px}
.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}
.hero__title{font-family:Orbitron,system-ui;font-size:44px;margin:10px 0 0;letter-spacing:.07em;text-transform:uppercase}
.hero__subtitle{margin:10px 0 0;color:var(--muted);font-size:18px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

.monitorTabs{display:inline-flex;gap:8px;margin-top:14px;padding:6px;border-radius:999px;
  border:1px solid rgba(231,243,231,.12);background:rgba(0,0,0,.28);
  box-shadow:0 10px 24px rgba(0,0,0,.22) inset;
}
.monitorTabs__btn{appearance:none;border:1px solid transparent;background:transparent;color:rgba(231,243,231,.78);
  padding:8px 14px;border-radius:999px;font-weight:700;cursor:pointer;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.monitorTabs__btn:hover{transform:translateY(-1px);color:#e7f3e7;border-color:rgba(211, 178, 126, .25);background:rgba(211, 178, 126, .08)}
.monitorTabs__btn.is-active{color:#0d1a10;background:linear-gradient(135deg, rgba(211, 178, 126, .95), rgba(90,210,120,.65));
  border-color:rgba(211, 178, 126, .45);
  box-shadow:0 0 18px rgba(211, 178, 126, .22);
}

.monitor{margin-top:18px;max-width:520px;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow);
  position:relative;
  min-height:190px;
}
.monitor:before{content:'';position:absolute;inset:0;border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(211, 178, 126, .12), transparent 30%);
  pointer-events:none;
}
.monitor__row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(231,243,231,.12);position:relative}
.monitor__row:last-child{border-bottom:none}
.monitor__label{font-family:Orbitron,system-ui;font-size:12px;letter-spacing:.18em;color:rgba(231,243,231,.75)}
.monitor__value{font-weight:700}

.monitor__group{display:none;animation:monIn .22s ease}
.monitor__group.is-active{display:block}

@keyframes monIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}

.hero__panel{position:relative;
  border-radius:var(--radius);
  background:var(--panel2);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  padding:16px;
  overflow:hidden;
}
.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0px, rgba(255,255,255,.035) 1px, transparent 2px, transparent 6px);opacity:.35;pointer-events:none}
.panel__title{font-family:Orbitron,system-ui;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:rgba(231,243,231,.85);display:flex;align-items:center;gap:10px}
.panel__box{margin-top:12px;padding:14px;border-radius:16px;background:rgba(255, 255, 255, 0);border:1px solid rgba(255, 255, 255, 0)}
.server-widget{border-radius:14px;overflow:hidden}
.server-widget iframe{display:block;width:100%;border:0}
.server__name{font-weight:800;font-size:18px;margin-bottom:10px}
.server__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.server__item{padding:10px;border-radius:14px;border:1px solid rgba(231,243,231,.12);background:rgba(255,255,255,.02)}
.server__item span{display:block;color:var(--muted);font-size:12px}
.server__item b{font-size:15px}
.copy{cursor:pointer;border-bottom:1px dashed rgba(211, 178, 126, .5)}
.hint{margin-top:10px;color:rgba(231,243,231,.62);font-size:13px}

.section{padding:26px 0}
.section__head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.section__head h2{margin:0;font-family:Orbitron,system-ui;letter-spacing:.14em;text-transform:uppercase;font-size:16px}
.link{color:rgba(211, 178, 126, .9)}
.link:hover{text-decoration:underline}

.procedure{display:block}

.proc__nav{position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:16px;border:1px solid var(--border);
  background:rgba(0,0,0,.35);backdrop-filter: blur(6px);
  color:var(--text);font-size:20px;cursor:pointer;transition:transform .12s ease, background .12s ease;
  display:grid;place-items:center;z-index:2}
.proc__nav:hover{transform:translateY(-50%) translateY(-1px);background:rgba(255,255,255,.05)}
.proc__nav--left{left:14px}
.proc__nav--right{right:14px}

.proc__card{position:relative;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);
  box-shadow:var(--shadow);padding:18px 74px;overflow:hidden}
.proc__card:before{content:'';position:absolute;inset:0;background:radial-gradient(800px 300px at 20% 0%, rgba(211, 178, 126, .14), transparent 70%);pointer-events:none}
.proc__badge{display:flex;justify-content:space-between;align-items:center;
  font-family:Orbitron,system-ui;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(231,243,231,.8)}
.proc__icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(211, 178, 126, .35);background:rgba(211, 178, 126, .08);margin:14px 0 10px}
.proc__icon i{font-size:22px}
.proc__card h3{margin:0;font-size:20px}
.proc__card p{margin:8px 0 0;color:var(--muted);font-size:16px;line-height:1.35}
.proc__text{margin:8px 0 0;color:var(--muted);font-size:16px;line-height:1.35}
.proc__text b,.proc__text strong{color:var(--text)}
.proc__server{margin-top:12px;padding:12px 12px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.02)}
.proc__serverRow{display:flex;gap:10px;align-items:center;justify-content:space-between}
.proc__serverRow b{font-weight:700}
.proc__serverRow .copy{cursor:pointer}
.procedure--big .proc__card{padding:22px 90px}

@media (max-width: 720px){
  .proc__card{padding:18px 58px}
  .procedure--big .proc__card{padding:20px 62px}
  .proc__nav{width:42px;height:42px;border-radius:14px}
  .proc__nav--left{left:10px}
  .proc__nav--right{right:10px}
}
.proc__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{display:flex;gap:14px;align-items:center;padding:16px;border-radius:18px;
  border:1px solid var(--border);background:rgba(255,255,255,.02);box-shadow:var(--shadow);
  transition:transform .12s ease, border-color .12s ease, background .12s ease}
.card:hover{transform:translateY(-2px);border-color:rgba(211, 178, 126, .35);background:rgba(255,255,255,.04)}
.card__icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  background:linear-gradient(180deg, rgba(211, 178, 126, .12), rgba(255,255,255,.02));border:1px solid rgba(231,243,231,.14)}
.card__icon i{font-size:20px}
.card__body{flex:1}
.card__title{font-weight:800;font-size:18px}
.card__subtitle{color:var(--muted);font-size:14px}
.card__text{margin-top:6px;color:rgba(231,243,231,.68);font-size:14px}
.card__chev{opacity:.8}

.pagehead{padding:26px 0 8px}
.pagehead__crumb{color:rgba(231,243,231,.62);font-size:14px}
.pagehead__crumb a:hover{text-decoration:underline}
.pagehead__title{display:flex;gap:12px;align-items:center;margin-top:10px}
.pagehead__title i{font-size:22px;color:rgba(211, 178, 126, .9)}
.pagehead__title h1{margin:0;font-family:Orbitron,system-ui;text-transform:uppercase;letter-spacing:.12em;font-size:24px}
.pagehead__subtitle{margin:8px 0 0;color:var(--muted);font-size:16px}

.content{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;line-height:1.55}
.content h1,.content h2,.content h3{font-family:Orbitron,system-ui;letter-spacing:.08em;text-transform:uppercase}
.content h2{font-size:16px;margin-top:18px}
.content img{max-width:100%;border-radius:16px;border:1px solid rgba(231,243,231,.14)}
.content a{color:rgba(211, 178, 126, .9)}
.content ul, .content ol{padding-left:18px}

.kb{display:flex;flex-direction:column;gap:14px}
.kb__tools{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}

.kbSearch{display:flex;align-items:center;gap:10px;min-width:min(560px,100%);
  padding:10px 12px;border-radius:16px;border:1px solid rgba(231,243,231,.14);
  background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55);
  backdrop-filter: blur(8px);
}
.kbSearch i{opacity:.85}
.kbSearch__input{flex:1;min-width:0;border:0;outline:0;background:transparent;
  color:rgba(231,243,231,.94);font-family:inherit;font-size:15px}
.kbSearch__input::placeholder{color:rgba(231,243,231,.55)}

.kbSearch__input::-webkit-search-cancel-button,
.kbSearch__input::-webkit-search-decoration,
.kbSearch__input::-webkit-search-results-button,
.kbSearch__input::-webkit-search-results-decoration{display:none}
.kbSearch__clear{appearance:none;border:1px solid rgba(231,243,231,.14);
  background:rgba(255,255,255,.02);color:rgba(231,243,231,.92);
  border-radius:12px;padding:6px 9px;cursor:pointer;line-height:1;opacity:.9}
.kbSearch__clear:hover{border-color:rgba(231,243,231,.22);background:rgba(255,255,255,.04)}

.kb__meta{display:flex;align-items:center;gap:8px;color:rgba(231,243,231,.72);
  padding:8px 12px;border:1px solid rgba(231,243,231,.10);border-radius:16px;
  background:rgba(10, 10, 10, .35);
}
.kb__count{font-family:Orbitron,system-ui;letter-spacing:.08em;color:rgba(211, 178, 126, .92)}

.kb__grid{display:grid;grid-template-columns: 280px 1fr;gap:14px;align-items:start}
.kb__nav{position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:hidden;
  border:1px solid var(--border);background:var(--panel2);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:12px
}

.kbNav{display:flex;flex-direction:column;gap:8px;
  max-height:calc(100vh - 134px);
  overflow:auto;
  padding-right:2px;
  scrollbar-gutter:stable;
}

.kb__nav,.kbNav{scrollbar-width:thin;scrollbar-color:rgba(211, 178, 126, .55) rgba(0,0,0,.28)}

.kb__nav::-webkit-scrollbar,
.kbNav::-webkit-scrollbar{width:10px}
.kb__nav::-webkit-scrollbar-track,
.kbNav::-webkit-scrollbar-track{background:rgba(0,0,0,.22);border-radius:999px}
.kb__nav::-webkit-scrollbar-thumb,
.kbNav::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(211, 178, 126, .55), rgba(255, 233, 167, .35));
  border:2px solid rgba(0,0,0,.28);
  border-radius:999px
}
.kb__nav::-webkit-scrollbar-thumb:hover,
.kbNav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(211, 178, 126, .75), rgba(255, 233, 167, .45))}
.kbNav__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;
  border:1px solid rgba(231,243,231,.10);background:rgba(255,255,255,.02);
  cursor:pointer;color:rgba(231,243,231,.92);text-align:left
}
.kbNav__item:hover{border-color:rgba(231,243,231,.20);background:rgba(255,255,255,.04)}
.kbNav__item.is-active{border-color:rgba(211, 178, 126, .38);background:rgba(211, 178, 126, .08);
  box-shadow:0 12px 26px rgba(0,0,0,.18)
}
.kbNav__badge{margin-left:auto;font-size:12px;color:rgba(231,243,231,.65);
  border:1px solid rgba(231,243,231,.12);border-radius:999px;padding:2px 8px;
  background:rgba(0,0,0,.20)
}
.kbNav__item.is-hidden{display:none}

.kb__content{padding:0}
.kb__content .kbSection{border-top:1px solid rgba(231,243,231,.10)}
.kb__content .kbSection:first-child{border-top:0}

.kbDetails{border:0;margin:0}
.kbSummary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;gap:10px;
  user-select:none
}
.kbSummary::-webkit-details-marker{display:none}
.kbSummary__title{font-family:Orbitron,system-ui;letter-spacing:.08em;text-transform:uppercase;
  font-size:15px;margin:0
}
.kbSummary__chev{margin-left:auto;opacity:.75;transition:transform .14s ease}
.kbDetails[open] .kbSummary__chev{transform:rotate(180deg)}
.kbBody{padding:0 18px 18px 18px}

mark.kbMark{background:rgba(255, 233, 167, .18);color:rgba(231,243,231,.98);
  border:1px solid rgba(255, 233, 167, .30);border-radius:8px;padding:0 4px}
mark.kbMark.is-current{background:rgba(211, 178, 126, .18);border-color:rgba(211, 178, 126, .35)}

@media (max-width: 980px){
  .kb__grid{grid-template-columns:1fr}
  .kb__nav{position:relative;top:0;max-height:none}
}

.footer{border-top:1px solid var(--border);padding:18px 0;background:rgba(0,0,0,.18)}
.footer__inner{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.footer__copy{color:rgba(231,243,231,.6);font-size:13px;margin-top:6px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(231,243,231,.14);background:rgba(255,255,255,.02)}
.pill:hover{border-color:rgba(211, 178, 126, .35)}

html, body { height: 100%; }
body.site{ min-height: 100vh; display:flex; flex-direction:column; }
.site__main{ flex: 1 0 auto; }
.footer{ margin-top: auto; }

.adminwrap{display:grid;place-items:center;min-height:calc(50vh - 160px)}
.admincard{width:min(520px,100%);border-radius:22px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);padding:22px}
.adminhead{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.adminhead__actions{display:flex;gap:10px;flex-wrap:wrap}

.imgSizer{position:fixed;z-index:9999;width:250px;max-width:min(280px, calc(100vw - 24px));border:1px solid var(--border);background:linear-gradient(180deg,rgba(12,18,14,.96),rgba(8,12,10,.96));backdrop-filter:blur(6px);border-radius:16px;box-shadow:var(--shadow);padding:12px;color:var(--text)}
.imgSizer__row{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}
.imgSizer__row:first-child{margin-top:0}
.imgSizer__title{font-weight:700;font-size:13px;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
.imgSizer__x{margin-left:auto;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:6px;border-radius:10px}
.imgSizer__x:hover{background:rgba(255,255,255,.06);color:var(--text)}
.imgSizer__btns{gap:6px;flex-wrap:wrap}
.imgSizer__btns button{flex:1 1 48px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);border-radius:12px;padding:7px 8px;cursor:pointer;font-weight:700;font-size:12px}
.imgSizer__btns button:hover{background:rgba(255,255,255,.08)}
.imgSizer__range{width:100%}
.imgSizer__val{margin-left:auto;font-weight:800;font-size:12px;color:var(--muted)}
.imgSizer__px{width:80px;flex:1 1 80px;border:1px solid var(--border);background:rgba(0,0,0,.25);color:var(--text);border-radius:12px;padding:7px 10px;min-width:80px}
.imgSizer__apply,.imgSizer__reset{flex:1 1 92px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);border-radius:12px;padding:7px 10px;cursor:pointer;font-weight:700;font-size:12px;min-width:92px}
.imgSizer__apply:hover,.imgSizer__reset:hover{background:rgba(255,255,255,.08)}
.imgSizer__hint{font-size:11px;line-height:1.3;color:var(--muted)}
.form{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.form label{display:flex;flex-direction:column;gap:8px;font-weight:700}
.form input,.form textarea{width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(231,243,231,.16);background:rgba(0,0,0,.35);color:var(--text);outline:none}
.form input:focus,.form textarea:focus{border-color:rgba(211, 178, 126, .5);box-shadow:0 0 0 3px rgba(211, 178, 126, .12)}
.form--wide{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.form__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:140px 1fr 1fr;gap:12px}
.grid2 label,.grid3 label{margin:0}
.checkbox{flex-direction:row!important;align-items:center;font-weight:600!important}
.checkbox input{width:20px;height:20px;padding:0;margin:0}
.alert{border:1px solid rgba(255,107,107,.35);background:rgba(255,107,107,.08);padding:12px 14px;border-radius:16px;margin-bottom:12px}
.alert--ok{border-color:rgba(211, 178, 126, .35);background:rgba(211, 178, 126, .08)}

.panel{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.grid2>.panel{height:100%}
.table{margin-top:12px;border-radius:16px;border:1px solid rgba(231,243,231,.12);overflow:hidden}
.table__head,.table__row{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(120px,.8fr) 70px 80px minmax(180px,.7fr);gap:12px;align-items:center}
.table__head{background:rgba(0,0,0,.35);padding:12px 12px;font-family:Orbitron,system-ui;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(231,243,231,.8)}
.table__row{padding:12px;border-top:1px solid rgba(231,243,231,.08)}
.table__cell{min-width:0}

.table__row .btn{padding:9px 12px;white-space:nowrap}

@media (max-width: 820px){
  .table{overflow:visible}
  .table__head{display:none}
  .table__row{grid-template-columns:1fr;gap:8px;border-radius:16px;margin:10px 0;background:rgba(0,0,0,.18)}
  .table__row .table__cell:last-child{justify-self:start;text-align:left!important}
}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(231,243,231,.14);background:rgba(255,255,255,.02)}
.editor{border:1px solid rgba(231,243,231,.14);border-radius:16px;overflow:hidden}
.editor .ql-toolbar{background:rgba(0,0,0,.35);border:none}
.editor .ql-container{border:none;min-height:320px;background:rgba(0,0,0,.22);color:var(--text)}
.editor .ql-editor{font-size:16px}
.step{border:1px solid rgba(231,243,231,.12);border-radius:16px;padding:14px;background:rgba(0,0,0,.22)}
.step__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}

.notfound{display:flex;gap:18px;align-items:center;border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.notfound__code{font-family:Orbitron,system-ui;font-size:54px;letter-spacing:.1em;color:rgba(211, 178, 126, .85)}

.split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.split__card{border:1px solid var(--border);background:rgba(255,255,255,.02);border-radius:18px;padding:16px}
.checklist{margin:8px 0 0;padding-left:18px}

@media (max-width: 940px){
  .hero__inner{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .nav{display:flex}
}


.site__main{flex:1 0 auto;}
.footer{margin-top:auto;}


.voteHead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.voteHead__hint {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.4;
}

.voteGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 14px;
}

.voteWidget {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  background: var(--panel);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px;
  text-decoration: none;
  color: inherit;
  transition: transform .15s ease, border-color .15s ease;
  min-height: 170px;
}

.voteWidget:hover {
  transform: translateY(-2px);
  border-color: rgba(150, 255, 150, .35);
}

.voteWidget__title {
  font-weight: 800;
  letter-spacing: .06em;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 10px;
}

.voteWidget__body {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90px;
}

.voteWidget__img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.voteWidget__img--small {
  width: 120px;
}

.voteWidget__cta {
  margin-top: auto;
  padding-top: 12px;
  font-weight: 700;
  color: var(--accent);
}

.voteNote {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  color: var(--muted);
  font-size: 14px;
}

@media (max-width: 820px) {
  .voteGrid { grid-template-columns: 1fr; }
  .voteWidget { min-height: 0; }
}


.newsCard__text{
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.newsCard__gallery{
  max-width: 100%;
}

.newsCard__img{
  max-width: 100%;
}

@media (max-width: 520px){
  .newsCard{
    padding: 14px;
  }

  .newsCard__head{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .newsCard__meta{
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
  }

  .newsCard__date, .newsCard__time{
    flex: 0 0 auto;
  }

  .newsCard__author{
    width: 100%;
  }

  .newsCard__gallery{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 360px){
  .newsCard__gallery{
    grid-template-columns: 1fr;
  }
}


.form__field{display:block}
.form__label{display:block;margin-bottom:8px;font-weight:700}


.server-widget{display:flex;flex-direction:column;gap:14px}
.srvTop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.srvBadge{font-weight:700;letter-spacing:.08em;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(10, 10, 10, .55)}
.srvBadge--online{border-color:rgba(211, 178, 126, .45);box-shadow:0 0 0 1px rgba(211, 178, 126, .12) inset}
.srvBadge--offline{border-color:rgba(255,107,107,.5)}
.srvHint{font-size:12px;color:var(--muted)}
.srvMain{display:flex;flex-direction:column;gap:12px}
.srvName{font-size:18px;font-weight:700;line-height:1.15}
.srvStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.srvStat{padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(10, 10, 10, .35)}
.srvStat__label{font-size:11px;color:var(--muted);letter-spacing:.08em}
.srvStat__value{margin-top:4px;font-size:16px;font-weight:700}
.srvBar{height:10px;border-radius:999px;background:rgba(231,243,231,.08);overflow:hidden;border:1px solid rgba(231,243,231,.10)}
.srvBar__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));width:0%}
.srvRow{display:flex;align-items:center;gap:10px;font-size:14px}
.srvActions{display:flex;gap:10px;flex-wrap:wrap}
.srvError{font-size:12px;color:rgba(255,107,107,.92);border:1px solid rgba(255,107,107,.35);background:rgba(255,107,107,.08);padding:10px 12px;border-radius:14px}
@media (max-width:560px){.srvStats{grid-template-columns:1fr}}


.card{position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:-1px;border-radius:18px;background:radial-gradient(120% 120% at 50% 0%,rgba(211,178,126,.25),transparent 60%);opacity:0;transition:opacity .18s ease;pointer-events:none}
.card:hover::before{opacity:1}
.card:hover{transform:translateY(-2px);border-color:rgba(211,178,126,.45);background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(211,178,126,.15),0 8px 26px rgba(211,178,126,.18),0 0 22px rgba(211,178,126,.12)}
.card:hover .card__icon{border-color:rgba(211,178,126,.6);box-shadow:0 0 18px rgba(211,178,126,.45),inset 0 0 10px rgba(211,178,126,.25)}
.card:hover .card__icon i{color:rgb(211,178,126);text-shadow:0 0 12px rgba(211,178,126,.6)}
.card:hover .card__title{text-shadow:0 0 10px rgba(211,178,126,.35)}
:root{--glowA:rgba(211,178,126,.22);--glowB:rgba(211,178,126,.12);--glowC:rgba(255,233,167,.10);--glowBorder:rgba(211,178,126,.45);--glowText:rgba(211,178,126,.85)}
.card,.newsCard,.voteWidget,.split__card,.server__item,.srvStat,.kbNav__item,.mnav__link,.nav__link,.pill,.btn,.navToggle,.kbSearch__clear,.imgSizer__btns button,.imgSizer__apply,.imgSizer__reset{position:relative;overflow:hidden;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease,filter .14s ease}
.card::before,.newsCard::before,.voteWidget::before,.split__card::before,.server__item::before,.srvStat::before,.kbNav__item::before,.mnav__link::before,.nav__link::before,.pill::before,.btn::before,.navToggle::before,.kbSearch__clear::before,.imgSizer__btns button::before,.imgSizer__apply::before,.imgSizer__reset::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(120% 140% at 50% 0%,var(--glowA),transparent 60%);opacity:0;pointer-events:none;transition:opacity .16s ease}
.card:hover::before,.newsCard:hover::before,.voteWidget:hover::before,.split__card:hover::before,.server__item:hover::before,.srvStat:hover::before,.kbNav__item:hover::before,.mnav__link:hover::before,.nav__link:hover::before,.pill:hover::before,.btn:hover::before,.navToggle:hover::before,.kbSearch__clear:hover::before,.imgSizer__btns button:hover::before,.imgSizer__apply:hover::before,.imgSizer__reset:hover::before{opacity:1}
.card:hover,.newsCard:hover,.voteWidget:hover,.split__card:hover,.server__item:hover,.srvStat:hover,.kbNav__item:hover,.mnav__link:hover,.nav__link:hover,.pill:hover,.btn:hover,.navToggle:hover,.kbSearch__clear:hover,.imgSizer__btns button:hover,.imgSizer__apply:hover,.imgSizer__reset:hover{border-color:var(--glowBorder);background:rgba(255,255,255,.05);box-shadow:0 0 0 1px rgba(211,178,126,.12),0 18px 46px rgba(0,0,0,.35),0 0 26px var(--glowB),0 0 14px var(--glowC);transform:translateY(-1px)}
.card:active,.newsCard:active,.voteWidget:active,.split__card:active,.server__item:active,.srvStat:active,.kbNav__item:active,.mnav__link:active,.nav__link:active,.pill:active,.btn:active,.navToggle:active,.kbSearch__clear:active,.imgSizer__btns button:active,.imgSizer__apply:active,.imgSizer__reset:active{transform:translateY(0);box-shadow:0 0 0 1px rgba(211,178,126,.10),0 12px 30px rgba(0,0,0,.28)}

.card:hover .card__title,.panel__title:hover,.news__h:hover,.pagehead__title h1:hover,.kbSummary__title:hover{ text-shadow:0 0 12px rgba(211,178,126,.25) }
.link:hover,a:hover{color:rgba(255,233,167,.92);text-shadow:0 0 10px rgba(211,178,126,.22)}
@media (prefers-reduced-motion: reduce){.card,.newsCard,.voteWidget,.split__card,.server__item,.srvStat,.kbNav__item,.mnav__link,.nav__link,.pill,.btn,.navToggle,.kbSearch__clear,.imgSizer__btns button,.imgSizer__apply,.imgSizer__reset{transition:none!important;transform:none!important}.card::before,.newsCard::before,.voteWidget::before,.split__card::before,.server__item::before,.srvStat::before,.kbNav__item::before,.mnav__link::before,.nav__link::before,.pill::before,.btn::before,.navToggle::before,.kbSearch__clear::before,.imgSizer__btns button::before,.imgSizer__apply::before,.imgSizer__reset::before{transition:none!important}}

.kbNav__item{
  overflow: visible;
}

.kbNav__label{
  white-space: normal;
  line-height: 1.25;
  min-width: 0;
}

.kbNav__item{
  min-width: 0;
}

.brand_logo{
  width:36px;
  height:36px;
  border-radius:12px;
  border:1px solid var(--border);
  background: rgba(0,0,0,.6);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.brand_logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.discord-link {
  color: #f5c542;
  font-weight: 600;
  text-decoration: none;
}

.discord-link:hover {
  color: #ffd966;
  text-decoration: underline;
}