:root{--bg:#080c12;--panel:#0e151d;--panel2:#121b25;--line:#263340;--muted:#8f9cab;--text:#f6f8fa;--acid:#ffe600;--orange:#1e8fe6}
body{background:#080c12}.site-header{background:linear-gradient(180deg,rgba(4,8,12,.82),transparent)}
.brand-mark{width:48px;height:58px}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand b{font-size:23px}.brand small{color:#ffe600}
.hero{background:radial-gradient(circle at 77% 46%,rgba(31,133,212,.24),transparent 27%),radial-gradient(circle at 73% 55%,rgba(255,230,0,.09),transparent 38%),linear-gradient(110deg,#080c12 0%,#0b121a 66%,#080c12 100%)}
.hero:before{background:linear-gradient(90deg,transparent 0 64%,rgba(24,119,194,.08) 64%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 45%)}
.hero-emblem{width:min(42vw,560px);right:8vw;display:grid;place-items:center;filter:drop-shadow(0 28px 45px rgba(0,0,0,.6))}.hero-emblem img{width:72%;position:relative;z-index:2;animation:floatFrog 5s ease-in-out infinite}.hero-emblem .emblem-ring{position:absolute;width:90%;aspect-ratio:1;border:1px solid rgba(255,230,0,.17);border-radius:50%;background:radial-gradient(circle,rgba(29,141,225,.18),transparent 66%)}.hero-emblem .emblem-ring:before,.hero-emblem .emblem-ring:after{content:"";position:absolute;inset:8%;border:1px dashed rgba(255,230,0,.12);border-radius:50%}.hero-emblem .emblem-ring:after{inset:22%;border-color:rgba(33,147,234,.22)}
@keyframes floatFrog{50%{transform:translateY(-10px) rotate(1deg)}}
.button.primary,.quote-card,.wot-login{background:#ffe600}.button.primary:hover{background:#fff02b}.stat-icon{border-color:#34475a}.live-dot{background:#ffe600;box-shadow:0 0 0 6px rgba(255,230,0,.12),0 0 20px #ffe600}.role.command:before{background:#ffe600}.role.recruit:before{background:#2394e8}.status.online:before{display:none}.status.online{color:#dce7ef}.about{background:#091018}.about-card{background:#0e151d}.quote-card{color:#0b1117}.recruitment{background:radial-gradient(circle at 80% 20%,rgba(30,143,230,.17),transparent 32%),#080c12}.recruitment:after{content:"CF-CZ";font-size:260px;color:#0c131c;right:-70px}.modal{background:#0e151d;border-color:#34485c}.modal-mark{width:72px;height:72px;border:0}.modal-mark img{width:100%;height:100%;object-fit:contain}
.text-button{text-decoration:none}.avatar{background:linear-gradient(145deg,#24384b,#0c141d)}
.table-head button{height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;letter-spacing:inherit;cursor:pointer;display:flex;align-items:center;gap:7px}.table-head button:hover{color:#fff}.table-head button i{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;opacity:.28}.table-head button:not(.sort-asc):not(.sort-desc) i{border-top:4px solid currentColor}.table-head button.sort-asc,.table-head button.sort-desc{color:var(--acid)}.table-head button.sort-asc i{border-bottom:5px solid currentColor}.table-head button.sort-desc i{border-top:5px solid currentColor}.table-head button:focus-visible{outline:1px solid var(--acid);outline-offset:4px}
@media(max-width:900px){.hero-emblem{right:-6vw;width:64vw}.brand-mark{width:42px;height:50px}}
@media(max-width:620px){.hero-emblem{width:88vw;right:-32vw;opacity:.32}.brand b{font-size:17px}.brand-mark{width:38px}.recruitment:after{font-size:160px}}
@media(prefers-reduced-motion:reduce){.hero-emblem img{animation:none}}