:root{--r:#ff1f1f;--r2:#9b0000;--bg:#06060a;--card:#0e0e14;--ln:#2b1316;--tx:#efeded;--mu:#9d9598;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:calc(68px + env(safe-area-inset-top,0px));background:var(--bg)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;overflow-x:hidden}
a{color:inherit}
.sh{background:url(/assets/images/img-81e1c37cddd8814e.webp) center/contain no-repeat}
.ph{background-size:cover;background-position:center;filter:grayscale(1) contrast(1.2) brightness(.75);position:relative}
.ph:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,20,20,.55),rgba(60,0,0,.75));mix-blend-mode:multiply;transition:opacity .4s}
.w{max-width:1100px;margin:0 auto;padding:0 20px;position:relative}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(6,6,10,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
header .w{display:flex;align-items:center;gap:16px;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.logo .sh{width:34px;height:40px;filter:drop-shadow(0 0 8px rgba(255,31,31,.6))}
nav{margin-left:auto;display:flex;gap:20px;font:12px var(--mono);text-transform:uppercase;letter-spacing:.1em}
nav a{text-decoration:none;color:var(--mu);transition:.2s}nav a:hover{color:var(--r);text-shadow:0 0 10px var(--r)}
@media(max-width:760px){nav{display:none}header .btn{margin-left:auto}}
.btn{display:inline-block;position:relative;background:var(--r);color:#fff;font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.12em;padding:13px 22px;border:0;cursor:pointer;text-decoration:none;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:.25s}
.btn:hover{background:#fff;color:#000;box-shadow:0 0 28px var(--r)}
.btn.o{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1px var(--r)}
.btn.o:hover{background:var(--r);color:#fff}
.hero{position:relative;min-height:calc(100vh - 68px);min-height:calc(100svh - 68px);display:flex;align-items:center;overflow:hidden;padding:60px 0}
.hero .bg{position:absolute;inset:-4%;opacity:.5;transform:scale(1.06);animation:drift 24s ease-in-out infinite alternate}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(520px circle at var(--mx,70%) var(--my,30%),rgba(255,31,31,.22),transparent 60%),linear-gradient(90deg,var(--bg) 8%,rgba(6,6,10,.55) 60%,var(--bg) 100%)}
.grid{position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(255,31,31,.08) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,31,31,.08) 1px,transparent 1px) 0 0/48px 48px;mask-image:radial-gradient(ellipse at 60% 40%,#000,transparent 75%)}
.scan{position:absolute;left:0;right:0;height:140px;z-index:1;background:linear-gradient(transparent,rgba(255,31,31,.14),transparent);animation:scan 6s linear infinite}
@keyframes scan{from{top:-140px}to{top:100%}}
@keyframes drift{to{transform:scale(1.14) translate(-2%,2%)}}
.hero .w{z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;width:100%}
@media(max-width:860px){.hero .w{grid-template-columns:1fr}.emb{order:-1;max-width:300px;margin:0 auto}}
.tag{font:12px var(--mono);color:var(--r);letter-spacing:.2em;text-transform:uppercase}
.tag:before{content:"";display:inline-block;width:22px;height:2px;background:var(--r);vertical-align:middle;margin-right:10px}
h1{font-size:clamp(34px,6.4vw,68px);line-height:1;margin:14px 0 18px;text-transform:uppercase;font-weight:900;letter-spacing:-.01em;position:relative}
h1 b{color:var(--r);text-shadow:0 0 30px rgba(255,31,31,.55)}
h1:hover{animation:glitch .35s steps(2) 2}
@keyframes glitch{0%{text-shadow:3px 0 var(--r),-3px 0 #0ff}50%{text-shadow:-3px 0 var(--r),3px 0 #0ff;transform:translateX(2px)}100%{text-shadow:none}}
.lead{max-width:540px;color:#cfc9ca;font-size:18px}
.row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.type:after{content:"_";animation:bl 1s steps(1) infinite;color:var(--r)}
@keyframes bl{50%{opacity:0}}
.emb{position:relative;aspect-ratio:1;display:grid;place-items:center}
.emb img{width:78%;mix-blend-mode:screen;filter:drop-shadow(0 0 30px rgba(255,31,31,.5));animation:fl 6s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-12px) scale(1.02)}}
.emb svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 40s linear infinite}
.emb svg+svg{animation-duration:26s;animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.tick{border-block:1px solid var(--ln);background:#0a0a0f;overflow:hidden;white-space:nowrap;font:12px var(--mono);letter-spacing:.25em;color:var(--r);text-transform:uppercase}
.tick div{display:inline-block;padding:14px 0;animation:mq 30s linear infinite}
.tick span{margin:0 28px}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:84px 0;position:relative}
h2{font-size:clamp(26px,4.2vw,42px);text-transform:uppercase;margin:6px 0 10px;font-weight:900}
.sub{color:var(--mu);max-width:620px;margin:0 0 30px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
@media(max-width:800px){.two{grid-template-columns:1fr}}
.panel{background:linear-gradient(180deg,#12121a,#0c0c12);border:1px solid var(--ln);padding:26px;position:relative}
.panel:before,.card:before{content:"";position:absolute;top:-1px;left:-1px;width:18px;height:18px;border-top:2px solid var(--r);border-left:2px solid var(--r)}
.photo{aspect-ratio:4/3;background-size:cover;background-position:center}
.badge{width:130px;height:150px;margin-bottom:14px;filter:drop-shadow(0 0 22px rgba(255,31,31,.5))}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.chip{background:transparent;color:var(--mu);border:1px solid var(--ln);padding:8px 16px;cursor:pointer;font:12px var(--mono);text-transform:uppercase;letter-spacing:.1em;transition:.2s}
.chip:hover{color:var(--tx);border-color:var(--r)}
.chip[aria-pressed=true]{background:var(--r);color:#fff;border-color:var(--r);box-shadow:0 0 18px rgba(255,31,31,.5)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--ln);position:relative;display:flex;flex-direction:column;transition:.3s;animation:in .5s both}
@keyframes in{from{opacity:0;transform:translateY(16px)}}
.card:hover{transform:translateY(-6px);border-color:var(--r);box-shadow:0 12px 40px rgba(255,31,31,.2)}
.card:hover .ph:after{opacity:.35}.card:hover .ph{filter:grayscale(.3) contrast(1.1) brightness(.9)}
.card .ph{height:150px}
.card .in{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{margin:0;text-transform:uppercase;font-size:17px}
.card p{margin:0;color:var(--mu);font-size:14.5px;flex:1}
.k{font:11px var(--mono);color:var(--r);letter-spacing:.15em;text-transform:uppercase}
.card .btn{align-self:flex-start;padding:10px 16px}
.gal{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:10px}
.gal .ph{grid-column:span 2;transition:.4s}
.gal .ph:nth-child(1),.gal .ph:nth-child(4){grid-column:span 3;grid-row:span 2}
.gal .ph:hover{filter:grayscale(0) contrast(1.05) brightness(.95)}.gal .ph:hover:after{opacity:.15}
@media(max-width:700px){.gal{grid-template-columns:1fr 1fr}.gal .ph,.gal .ph:nth-child(n){grid-column:auto;grid-row:auto}}
label{display:block;font:12px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mu);margin:16px 0 6px}
input,select,textarea{width:100%;padding:12px;border:1px solid var(--ln);background:#08080c;color:var(--tx);font:inherit}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--r);box-shadow:0 0 14px rgba(255,31,31,.35)}
.res{margin-top:16px;padding:14px;border-left:3px solid var(--r);background:#08080c;font-size:15px;min-height:48px}
details{background:var(--card);border:1px solid var(--ln);margin-bottom:10px;padding:0 20px;transition:.2s}
details[open]{border-color:var(--r)}
summary{cursor:pointer;padding:18px 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary:after{content:"+";color:var(--r);font:24px var(--mono);line-height:1}
details[open] summary:after{content:"\2212"}
details p{margin:0 0 18px;color:var(--mu)}
.note{font:12px var(--mono);color:var(--mu);margin-top:10px}
.ph2{background:none;padding:0;color:inherit}
footer{border-top:1px solid var(--r2);background:#050508;padding:50px 0 40px;font-size:15px}
footer .f{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
footer h4{color:var(--r);font:12px var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px}
.rv{opacity:0;transform:translateY(26px);transition:1s cubic-bezier(.2,.7,.2,1)}.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

:root{--bg:#1d1527;--card:#271c34;--ln:#563042;--mu:#bcb1ba;--gold:#e0b45a}
html{background:linear-gradient(180deg,#2a1226 0%,#1f1830 35%,#18203a 70%,#241428 100%)}
body{position:relative;background:transparent}
header{background:rgba(29,21,39,.85)}
.tick{background:rgba(20,14,30,.55)}
footer{background:rgba(18,12,26,.82)}
.panel{background:linear-gradient(180deg,rgba(44,31,58,.93),rgba(33,24,46,.93))}
input,select,textarea,.res{background:#171020}
.sci{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.sci>*{position:absolute;color:#ff5a5a;opacity:.15;animation:fl2 16s ease-in-out infinite alternate}
.sci>:nth-child(3n){color:var(--gold);opacity:.17}.sci>:nth-child(4n){color:#7fa6ff;opacity:.15}
.sci .f{font:700 clamp(18px,2.6vw,32px) var(--mono);letter-spacing:.04em}
.sci .e{width:60px;height:64px;border:2px solid currentColor;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 24px/1 var(--mono)}
.sci .e small{font:600 11px var(--mono);align-self:flex-start;margin:0 0 2px 6px}
.sci .rot{animation:spin 120s linear infinite}
@keyframes fl2{to{transform:translate(16px,-28px) rotate(7deg)}}
.sbg{position:absolute;inset:0;z-index:0;opacity:.17;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.w{z-index:1}
.hero .bg{opacity:1;transform:none;animation:none;background:radial-gradient(ellipse at 76% 42%,rgba(255,40,40,.32),transparent 58%),radial-gradient(ellipse at 10% 85%,rgba(70,100,220,.28),transparent 55%)}
.hero:before{background:radial-gradient(520px circle at var(--mx,70%) var(--my,30%),rgba(255,31,31,.2),transparent 60%),linear-gradient(90deg,rgba(29,21,39,.55) 0%,transparent 65%)}
h1{font-size:1em;line-height:1;margin:10px 0 24px;text-transform:uppercase}
h1:hover{animation:none}
h1 span{display:block}
h1 .n{font-size:clamp(120px,24vw,260px);font-weight:900;line-height:.8;letter-spacing:-.045em;background:linear-gradient(180deg,#ff8a8a,#ff2a2a 50%,#a30000);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,31,31,.5))}
h1 .o{font-size:clamp(18px,3.4vw,36px);font-weight:700;letter-spacing:.3em;margin:16px 0 8px}
h1 .r{display:inline-block;font-size:clamp(30px,5.6vw,60px);font-weight:900;letter-spacing:.04em;color:#fff;border-top:3px solid var(--r);padding-top:10px}
.emb .sh{position:relative;width:74%;aspect-ratio:527/590;filter:drop-shadow(0 0 34px rgba(255,31,31,.5)) drop-shadow(0 14px 22px rgba(0,0,0,.5));animation:fl 6s ease-in-out infinite}
.ph{filter:grayscale(.3) contrast(1.1) brightness(.9) saturate(1.3);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect;animation:breathe 8s ease-in-out infinite alternate}
.ph:after{background:linear-gradient(160deg,rgba(255,30,30,.3),rgba(30,10,50,.5))}
.ph:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,transparent 40%,rgba(255,140,140,.3) 50%,transparent 60%) 0 0/250% 100%;animation:sheen 8s linear infinite}
@keyframes breathe{from{opacity:.78}to{opacity:1}}
@keyframes sheen{from{background-position:150% 0}to{background-position:-50% 0}}
@keyframes pan{from{background-position:50% 20%}to{background-position:50% 80%}}
.sbg{background-size:cover;background-position:50% 20%;opacity:.24;filter:saturate(.9) contrast(1.08);animation:pan 50s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect}
.sbg:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,31,31,.4),rgba(40,80,220,.35));mix-blend-mode:color}
.sbg:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,90,90,.1) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,90,90,.1) 1px,transparent 1px) 0 0/44px 44px}
.hbg{position:absolute;inset:0;background-size:cover;background-position:50% 30%;opacity:.34;animation:pan 40s ease-in-out infinite alternate;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect}
footer{position:relative;overflow:hidden}
.alt{background:linear-gradient(180deg,transparent,rgba(24,15,34,.62) 110px,rgba(24,15,34,.62) calc(100% - 110px),transparent)}
.dv{position:relative;height:110px;margin:-34px 0;display:grid;place-items:center;pointer-events:none;z-index:2}
.dv:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--r) 25%,var(--gold) 50%,var(--r) 75%,transparent);opacity:.55}
.dv:after{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border:1px solid var(--r);border-radius:50%;animation:wave 4.5s ease-out infinite}
@keyframes wave{from{transform:scale(.8);opacity:.8}to{transform:scale(3.4);opacity:0}}
.dv svg{position:relative;z-index:1;width:56px;height:56px;color:var(--r);background:radial-gradient(circle,#1d1527 45%,transparent 72%);border-radius:50%;filter:drop-shadow(0 0 10px rgba(255,31,31,.7))}
.dv svg.tre,.dv svg.atom{animation:spin 30s linear infinite}
.dv svg.helix{width:30px;height:64px}.dv svg.flask{width:44px;height:58px}
#roles .w,#work .w,#faq .w{text-align:center}
#roles .sub,#work .sub,#faq .sub{margin-left:auto;margin-right:auto}
.chips{justify-content:center}
.card .in,.news{text-align:left}
.cards{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
details{max-width:820px;margin:0 auto 10px;text-align:left}
.two{align-items:center}
.gal{grid-template-columns:repeat(3,1fr);grid-auto-rows:190px;gap:14px}
.gal .ph,.gal .ph:nth-child(n){grid-column:auto;grid-row:auto}
@media(max-width:700px){.gal{grid-template-columns:1fr 1fr;grid-auto-rows:140px}}
.news{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:36px 0 28px}
.art{display:flex;flex-direction:column;gap:8px;padding:20px;text-decoration:none;background:rgba(39,28,52,.88);border:1px solid var(--ln);transition:.3s}
.art:hover{border-color:var(--r);transform:translateY(-4px);box-shadow:0 12px 36px rgba(255,31,31,.2)}
.art h3{margin:0;font-size:18px;line-height:1.25}.art p{margin:0;color:var(--mu);font-size:14.5px;flex:1}
.art .more{font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--r)}
.logo span{white-space:nowrap}
@media(max-width:1060px){nav{display:none}header .btn{margin-left:auto}}
@media(max-width:560px){.logo span{font-size:10px;letter-spacing:.05em;white-space:normal;line-height:1.15;max-width:140px}header .btn{padding:11px 14px;font-size:11px}}
h1 .o{font-size:clamp(18px,3vw,34px);font-weight:800;letter-spacing:.14em;line-height:1.25;color:#fff;margin:18px 0 0;border-top:3px solid var(--r);padding-top:12px;text-wrap:balance;max-width:560px}

:root{--bg:#150e1e;--card:#1f1628;--ln:#4a2530}
html{background:linear-gradient(180deg,#1f0e1d 0%,#150f21 30%,#0e1325 65%,#170c17 100%)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 45%,rgba(0,0,0,.5) 100%)}
header{background:rgba(10,7,15,.9)}
.tick{background:rgba(6,4,10,.78)}
footer{background:rgba(6,4,10,.92)}
.alt{background:linear-gradient(180deg,transparent,rgba(6,4,10,.6) 110px,rgba(6,4,10,.6) calc(100% - 110px),transparent)}
.panel{background:linear-gradient(180deg,rgba(26,18,36,.95),rgba(14,10,20,.95))}
input,select,textarea,.res{background:#0d0913}
.dv svg{background:radial-gradient(circle,#0e0914 45%,transparent 72%)}
.card .ph{-webkit-mask-image:none;mask-image:none;margin:12px 12px 0;border:1px solid rgba(255,70,70,.8);box-shadow:0 0 0 4px rgba(255,31,31,.1),0 0 20px rgba(255,31,31,.25)}
#apply .photo{background-position:50% 22%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent)}
.emb svg{inset:-6%;width:112%;height:112%}
.emb .sh{width:60%}
.emb .orb{position:absolute;inset:-14%;width:128%;height:128%;animation:none;overflow:visible;pointer-events:none}

.emb .sh{width:66%}
.news{grid-template-columns:repeat(2,1fr)}
@media(max-width:700px){.news{grid-template-columns:1fr}}
.emb .orb{inset:-6%;width:112%;height:112%;z-index:2}
.emb .tgt{position:absolute;inset:-4%;width:108%;height:108%;animation:none;filter:drop-shadow(0 0 6px rgba(255,31,31,.5))}
html{scroll-behavior:smooth;scroll-padding-top:76px}
.orb.ob{clip-path:inset(0 0 50% 0);z-index:0}.orb.of{clip-path:inset(50% 0 0 0)}
.ph.b2,.ph.b3,.ph.b4,.ph.b5,.ph.b6,.ph.b7{background-size:cover;background-position:50% 25%}
.tl{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:9px;text-align:left}
.tl li{position:relative;padding-left:24px;color:var(--mu);line-height:1.45}
.tl li:before{content:"";position:absolute;left:0;top:.7em;width:12px;height:2px;background:var(--r)}
.mb{width:44px;height:44px;margin-left:12px;border:1px solid var(--ln);background:rgba(10,7,15,.6);display:grid;place-content:center;gap:5px;cursor:pointer}
.mb i{display:block;width:20px;height:2px;background:#fff;transition:.3s}
.mb[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}.mb[aria-expanded=true] i:nth-child(2){opacity:0}.mb[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:15;background:rgba(6,4,10,.97);padding:96px 24px 40px;overflow:auto;opacity:0;visibility:hidden;transition:.35s}
.menu.on{opacity:1;visibility:visible}
.mg{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.mg a{display:flex;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--ln);background:rgba(31,22,40,.7);color:#fff;text-decoration:none;font-weight:700;transition:.25s}
.mg a b{font:700 12px var(--mono);color:var(--r)}.mg a:hover{border-color:var(--r);transform:translateY(-3px)}
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;text-align:left}
.ic,.step{position:relative;padding:22px;background:rgba(31,22,40,.9);border:1px solid var(--ln);transition:.3s}
.ic:hover,.step:hover{border-color:var(--r);transform:translateY(-4px);box-shadow:0 12px 36px rgba(255,31,31,.18)}
.ic .n,.step .n{font:700 12px var(--mono);color:var(--r);letter-spacing:.14em}
.ic h3,.step h3{margin:8px 0 6px;font-size:18px}.ic p,.step p{margin:0;color:var(--mu);font-size:14.5px}
.step .n{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--r);border-radius:50%;font-size:15px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;text-align:left}
.nt{margin:26px auto 0;max-width:720px;color:var(--mu);font-size:13px}
.call{margin:26px auto 0;max-width:760px;padding:18px 22px;text-align:left;border:1px solid var(--r);background:rgba(255,31,31,.08)}
#try .w,#career .w,#finance .w,#social .w,#psy .w,#members .w{text-align:center}
.quiz{max-width:760px;margin:22px auto 0;text-align:left}
.quiz h3{margin:14px 0}.pg{height:4px;background:rgba(255,255,255,.1)}.pg i{display:block;height:100%;background:var(--r);transition:.4s}
.opt{display:block;width:100%;text-align:left;padding:14px 16px;margin:8px 0;background:#150e1e;border:1px solid var(--ln);color:#fff;cursor:pointer;font:inherit;transition:.2s}
.opt:hover{border-color:var(--r);background:#241628}
.gg{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:460px;margin:16px auto}
.gc{aspect-ratio:1;border:1px solid var(--ln);background:#150e1e;color:#fff;font:700 11px var(--mono);cursor:pointer;padding:0}
.gc:hover{border-color:var(--r)}.gi{text-align:center;margin:0}
#gm{text-align:center}
.tks{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start;text-align:left}
.tk,details.tk{max-width:none;margin:0;padding:0 18px;background:rgba(31,22,40,.9)}
.tk summary{align-items:center;justify-content:flex-start;gap:14px;padding:16px 0}
.tk summary:after{margin-left:auto}
.tk .n{font:700 13px var(--mono);color:var(--r);letter-spacing:.1em}
.tk .tt{display:grid;gap:3px;flex:1;min-width:0}.tk .tt b{font-size:16px;line-height:1.25}.tk .tt small{color:var(--mu);font-size:13px}
.tk .bd{padding:0 0 18px;animation:fd .35s}.tk .bd p{margin:0;color:#d8d0d6;line-height:1.6}
@keyframes fd{from{opacity:0;transform:translateY(-6px)}}
.abh{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:44px 0 18px;flex-wrap:wrap}
.abh h3{margin:0;font-size:24px}
#about .photo{background-position:50% 24%}
body{overflow-x:clip}
input,select,textarea{font-size:16px}
@media(max-width:800px){.tks{grid-template-columns:1fr}}
@media(max-width:700px){section{padding:60px 0}.dv{height:80px;margin:-24px 0}.sci>:nth-child(2n){display:none}.abh h3{font-size:20px}.abh .btn{width:100%}h2{font-size:clamp(26px,8vw,36px)}.panel{padding:20px 16px}}
.emb .sh{width:62%}
.emb .orb{inset:-14%;width:128%;height:128%}
.card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:330px;border:1px solid rgba(255,70,70,.55);box-shadow:0 0 0 3px rgba(255,31,31,.07),0 0 22px rgba(255,31,31,.15)}
.card .ph{position:absolute;inset:0;height:auto;margin:0;border:0;box-shadow:none;opacity:.5;animation:none}
.card .in{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(180deg,transparent 15%,rgba(8,5,12,.88) 62%)}
.card .in p{color:#e4dce2}
h2,h3,.tk .tt b,summary{text-transform:uppercase;letter-spacing:.03em}
.filmw{--w:300px;--h:200px;--g:26px;position:relative;margin:30px 0 14px}
.film{position:relative;height:calc(var(--h)*1.38 + 96px);overflow:hidden;background:linear-gradient(180deg,rgba(6,4,10,.9),rgba(16,10,22,.85));border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.film:before,.film:after{content:"";position:absolute;left:0;right:0;height:8px;z-index:3;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,90,90,.4) 8px 20px,transparent 20px 28px)}
.film:before{top:9px}.film:after{bottom:9px}
.tr{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:var(--g);transition:transform 1.2s cubic-bezier(.65,0,.35,1);will-change:transform}
.fr{position:relative;flex:none;width:var(--w);height:var(--h);transform:scale(.86);opacity:.55;transition:transform 1.2s cubic-bezier(.65,0,.35,1),opacity 1.2s,box-shadow 1.2s;border:1px solid rgba(255,70,70,.45);background:#0b0710;cursor:pointer}
.fr.on{transform:scale(1.38);opacity:1;z-index:2;border-color:#ff4a4a;box-shadow:0 0 0 4px rgba(255,31,31,.12),0 0 42px rgba(255,31,31,.45)}
.fr .ph{position:absolute;inset:0;-webkit-mask-image:none;mask-image:none;animation:none;opacity:1}
.fr.on .ph{filter:saturate(1.15) contrast(1.05) brightness(1)}.fr.on .ph:after{opacity:.35}
.fr i{position:absolute;width:14px;height:14px;border:2px solid #7fd0ff;z-index:2;pointer-events:none}
.fr .c1{left:-6px;top:-6px;border-right:0;border-bottom:0}.fr .c2{right:-6px;top:-6px;border-left:0;border-bottom:0}.fr .c3{left:-6px;bottom:-6px;border-right:0;border-top:0}.fr .c4{right:-6px;bottom:-6px;border-left:0;border-top:0}
.fr:before{content:"КАДР " attr(data-n);position:absolute;left:8px;top:8px;z-index:3;font:700 10px var(--mono);letter-spacing:.14em;color:#bfe6ff;background:rgba(6,4,10,.6);padding:2px 6px;opacity:0;transition:opacity .6s}
.fr.on:before{opacity:1}
.fr.on:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;background:linear-gradient(90deg,transparent,#7fd0ff,transparent);box-shadow:0 0 12px #7fd0ff;animation:scn 2.2s linear infinite}
@keyframes scn{to{top:100%}}
.ret{position:absolute;left:50%;top:50%;width:calc(var(--w)*1.38 + 44px);height:calc(var(--h)*1.38 + 44px);transform:translate(-50%,-50%);pointer-events:none;z-index:4}
.ret i{position:absolute;width:22px;height:22px;border:2px solid var(--r)}
.ret i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.ret i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.ret i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.ret i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
.ret:before{content:"";position:absolute;left:50%;top:-60px;bottom:-60px;width:1px;background:linear-gradient(180deg,rgba(255,31,31,.6),transparent 22%,transparent 78%,rgba(255,31,31,.6))}
.fbar{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:14px;font:700 13px var(--mono);letter-spacing:.14em}
.fbar button{width:42px;height:42px;border:1px solid var(--ln);background:rgba(10,7,15,.7);color:#fff;font-size:22px;cursor:pointer;transition:.2s}.fbar button:hover{border-color:var(--r)}
@media(max-width:700px){.filmw{--w:210px;--h:140px;--g:20px}}
.gamew{max-width:980px!important}
.gamew canvas{display:block;width:100%;height:auto;margin:14px 0;background:#0b0710;border:1px solid var(--ln);touch-action:none;cursor:crosshair}
.gamew .gi{text-align:center;margin:0}
html{overflow-x:hidden}.lks{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;text-align:left;margin-top:8px}
.lk{display:flex;flex-direction:column;gap:8px;padding:22px;text-decoration:none;color:#fff;background:rgba(31,22,40,.9);border:1px solid var(--ln);transition:.3s}
.lk:hover{border-color:var(--r);transform:translateY(-4px);box-shadow:0 12px 36px rgba(255,31,31,.2)}
.lk .n{font:700 12px var(--mono);color:var(--r);letter-spacing:.14em}.lk h3{margin:0;font-size:18px}.lk p{margin:0;color:var(--mu);font-size:14.5px;flex:1}
.lk .more{font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--r)}
.sh3{margin:44px 0 18px;font-size:22px}
a.chip{text-decoration:none;color:#fff;display:inline-block}
.tel{display:inline-block;margin-top:10px;font:700 15px var(--mono);color:#7fd0ff;text-decoration:none;letter-spacing:.04em}.tel:hover{color:#fff}
.lks{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#law .w{text-align:center}#law .sub{margin-left:auto;margin-right:auto}#law .lk,#law .ic{text-align:left}.info{justify-content:center}.rcn{margin:14px 0 0;font-size:11.5px;line-height:1.5;color:var(--mu)}.rcn a{color:#7fd0ff}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}.rules{text-align:left;margin:0 0 16px}.rules p{margin:0 0 8px}.rules .ft{color:#e0b45a;margin-top:10px}#sk{margin:0 0 10px;justify-content:center}.shop{margin:12px 0;text-align:center}.shop .co{font:700 16px var(--mono);color:#e0b45a;margin-bottom:12px}.shop .gr{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.shop button.up{padding:12px;border:1px solid var(--ln);background:#150e1e;color:#fff;cursor:pointer;text-align:left;font:inherit}.shop button.up:hover:not(:disabled){border-color:var(--r)}.shop button.up:disabled{opacity:.45;cursor:not-allowed}.shop .up b{display:block;font-size:14px;text-transform:uppercase}.shop .up small{color:var(--mu)}#sm .row{gap:12px}[hidden]{display:none!important}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}#pl .row{gap:12px}
.hf{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;border:1px solid rgba(255,70,70,.6);background:#0b0710;box-shadow:0 0 0 4px rgba(255,31,31,.08),0 0 40px rgba(255,31,31,.25)}
.hf-in{position:absolute;inset:0;background-size:cover;background-position:60% 40%;animation:kb 18s ease-in-out infinite alternate;filter:saturate(1.1) contrast(1.08)}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.hf:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,rgba(255,60,60,.2),rgba(40,255,160,.12)),repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.hf:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;z-index:6;background:repeating-linear-gradient(-45deg,#ffd400 0 10px,#111 10px 20px)}
.hf-scan{position:absolute;left:0;right:0;top:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent,#7fffb0,transparent);box-shadow:0 0 14px #7fffb0;animation:scn 4s linear infinite}
.hf i,.cbv i{position:absolute;width:18px;height:18px;border:2px solid #7fd0ff;z-index:5;pointer-events:none}
.hf .k1,.cbv .k1{left:8px;top:8px;border-right:0;border-bottom:0}.hf .k2,.cbv .k2{right:8px;top:8px;border-left:0;border-bottom:0}.hf .k3,.cbv .k3{left:8px;bottom:14px;border-right:0;border-top:0}.hf .k4,.cbv .k4{right:8px;bottom:14px;border-left:0;border-top:0}
.hf-hud{position:absolute;left:14px;top:14px;z-index:5;font:700 11px var(--mono);color:#7fffb0;background:rgba(0,0,0,.55);padding:4px 8px;letter-spacing:.1em}
.hf-tre{position:absolute;right:16px;top:16px;width:60px;height:60px;z-index:5;color:#ffe14a;animation:spin 14s linear infinite;filter:drop-shadow(0 0 8px rgba(255,225,74,.7))}
.hf-cap{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:40px 16px 20px;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.5) 60%,transparent);display:flex;align-items:center;justify-content:center;gap:14px}
.hf-cap svg{width:30px;height:30px;color:#ffe14a;flex:none;filter:drop-shadow(0 0 6px rgba(255,225,74,.7))}
.hf-cap b{font:400 clamp(18px,3.2vw,32px) 'Russo One',Impact,'Arial Black',sans-serif;letter-spacing:.12em;color:#ffe14a;text-shadow:0 0 12px rgba(255,225,74,.7),0 0 28px rgba(255,160,0,.5);-webkit-text-stroke:.6px #000;animation:flick 3.2s infinite}
@keyframes flick{0%,90%,100%{opacity:1}93%{opacity:.5}95%{opacity:1}97%{opacity:.7}}
.tk.mm[open]{grid-column:1/-1}
.tk.mm .bd{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:900px){.tk.mm .bd{grid-template-columns:1fr 1.25fr;align-items:start}}
.tg{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.tg li{font:700 11px var(--mono);letter-spacing:.12em;padding:5px 10px;border:1px solid var(--ln);color:#7fd0ff;background:rgba(127,208,255,.06)}
.cbv{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(255,70,70,.6);background:#0b0710;box-shadow:0 0 0 4px rgba(255,31,31,.07),0 0 34px rgba(255,31,31,.2);cursor:pointer}
.cb-sl{position:absolute;inset:0;background-size:cover;opacity:0;transform:scale(1.12);transition:opacity .8s,transform 7s linear;filter:saturate(1.1) contrast(1.08)}
.cb-sl.prev{opacity:1;z-index:1;transform:scale(1)}
.cb-sl.on{opacity:1;z-index:2;transform:scale(1);animation:wipe .9s ease-out}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.cb-ov{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(135deg,rgba(255,60,60,.18),rgba(40,255,160,.1)),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.cb-vg{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6) 100%)}
.cb-sc{position:absolute;left:0;right:0;top:0;height:3px;z-index:4;background:linear-gradient(90deg,transparent,#7fffb0,transparent);box-shadow:0 0 14px #7fffb0;animation:scn 3.4s linear infinite}
.cb-rd{position:absolute;right:12px;top:12px;width:70px;height:70px;z-index:4;border-radius:50%;border:1px solid rgba(127,255,176,.6);background:conic-gradient(from 0deg,rgba(127,255,176,.45),transparent 28%);animation:spin 3s linear infinite;pointer-events:none}
.cb-tr{position:absolute;right:20px;top:20px;width:54px;height:54px;z-index:5;color:#ffe14a;opacity:.85;animation:spin 16s linear infinite reverse;pointer-events:none}
.cb-lb{position:absolute;left:14px;top:14px;z-index:5;font:700 11px var(--mono);letter-spacing:.12em;color:#7fffb0;background:rgba(0,0,0,.6);padding:4px 8px}
.cb-bar{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 12px 14px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}
.cb-bar button{width:34px;height:34px;border:1px solid rgba(127,208,255,.6);background:rgba(10,7,15,.6);color:#fff;font-size:20px;cursor:pointer}
.cb-bar button:hover{border-color:var(--r)}
.cb-dots{display:flex;gap:6px}.cb-dots i{position:static!important;display:block;width:22px;height:4px;border:0!important;background:rgba(255,255,255,.25)}
.cb-dots i.on{background:#7fffb0;box-shadow:0 0 8px #7fffb0}
.cb-pg{position:absolute;left:0;bottom:0;height:3px;z-index:7;background:#ff4a4a;width:0}
.cb-pg.go{animation:pgr 3.6s linear forwards}@keyframes pgr{to{width:100%}}
/* "Тільки після нас": фото як фон секції «Хто ми», без обрамлення */
#about{overflow:hidden}
#about .two{position:relative;align-items:start}
#about .two>div.rv{position:relative;z-index:2}
#about .hf{position:absolute;z-index:0;top:-84px;bottom:-40px;left:34%;right:calc(50% - 50vw);width:auto;aspect-ratio:auto;margin:0;border:0;box-shadow:none;background:none;overflow:hidden;pointer-events:none;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%,#000 100%),linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);-webkit-mask-composite:source-in;
mask-image:linear-gradient(90deg,transparent,#000 42%,#000 100%),linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-composite:intersect}
#about .hf:before{background:linear-gradient(135deg,rgba(255,31,31,.28),rgba(40,80,220,.22));mix-blend-mode:color;z-index:1}
#about .hf:after,#about .hf i,#about .hf-hud,#about .hf-scan,#about .hf-tre{display:none}
#about .hf-in{opacity:.5;background-position:72% 40%}
#about .hf-cap{left:auto;right:6%;bottom:16%;padding:0;background:none;justify-content:flex-end}
#about .hf-cap b{font-size:clamp(16px,2.6vw,28px)}
@media(max-width:800px){
#about .hf{left:calc(50% - 50vw);top:-40px;bottom:-62px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 90%,transparent)}
#about .hf-in{opacity:.32}
#about .hf-cap{left:0;right:0;bottom:14px;justify-content:center}
}

/* атом і ДНК поруч зі знаком радіації в каруселях «Завдання бригади» */
.cb-at,.cb-dn{position:absolute;z-index:5;pointer-events:none;opacity:.9}
.cb-at{right:82px;top:24px;width:46px;height:46px;color:#7fd0ff;animation:spin 11s linear infinite;filter:drop-shadow(0 0 7px rgba(127,208,255,.75))}
.cb-dn{right:140px;top:19px;width:25px;height:58px;color:#7fffb0;overflow:visible;animation:dna 5s linear infinite;filter:drop-shadow(0 0 7px rgba(127,255,176,.75))}
@keyframes dna{from{transform:perspective(160px) rotateY(0)}to{transform:perspective(160px) rotateY(360deg)}}
@media(max-width:800px){.cb-at{right:70px;top:20px;width:38px;height:38px}.cb-dn{right:118px;top:16px;width:21px;height:48px}.cb-tr{width:44px;height:44px;right:16px;top:16px}}
@media(prefers-reduced-motion:reduce){.cb-at,.cb-dn{animation:none}}

/* ТІЛЬКИ ПІСЛЯ НАС: величезний діагональний напис */
#about .two{min-height:clamp(480px,74vh,700px)}
#about .hf-cap{position:absolute;z-index:3;left:calc(50% - 50vw - 4vw);right:calc(50% - 50vw - 4vw);bottom:2%;top:auto;padding:0;background:none;display:block;transform:rotate(-8deg);transform-origin:50% 50%;pointer-events:none;text-align:center}
#about .hf-cap b{display:inline-block;text-align:left;font:900 clamp(34px,8.6vw,150px)/.92 'Tektur','Russo One',Impact,'Arial Black',sans-serif;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;animation:none;text-shadow:none;-webkit-text-stroke:0;filter:drop-shadow(0 0 22px rgba(255,150,0,.55)) drop-shadow(0 7px 0 rgba(0,0,0,.75)) drop-shadow(0 18px 24px rgba(0,0,0,.6))}
#about .hf-cap .l1,#about .hf-cap i{display:block;font-style:normal;color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1.5px rgba(40,10,0,.65);
background-image:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),linear-gradient(180deg,#fffbd0 0%,#ffe14a 32%,#ff9a00 66%,#b53c00 100%);background-size:260% 100%,100% 100%;background-repeat:no-repeat;background-position:-160% 0,0 0;animation:shine 5.5s ease-in-out infinite}
#about .hf-cap .l2{display:flex;align-items:center;gap:.22em;margin-top:.04em}
#about .hf-cap i{font-size:1.9em;line-height:.85;animation-delay:.4s}
#about .hf-cap em{flex:1;min-width:30px;height:.2em;align-self:center;background:repeating-linear-gradient(-45deg,#ffd400 0 .14em,#111 .14em .28em);box-shadow:0 0 18px rgba(255,212,0,.6);border:2px solid #000}
#about .hf-cap svg{width:1.5em;height:1.5em;flex:none;color:#ffe14a;filter:drop-shadow(0 0 12px rgba(255,225,74,.8));animation:spin 14s linear infinite}
@keyframes shine{0%,35%{background-position:-160% 0,0 0}75%,100%{background-position:160% 0,0 0}}
@media(max-width:800px){
#about .two{min-height:0}
#about .hf-cap{position:relative;left:auto;right:auto;bottom:auto;margin:34px 0 8px;transform:rotate(-6deg)}
#about .hf-cap b{font-size:clamp(30px,9.4vw,80px)}
}
@media(prefers-reduced-motion:reduce){#about .hf-cap .l1,#about .hf-cap i,#about .hf-cap svg{animation:none}}

/* малий девіз над «704» */
.tag.motto{display:inline-flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.3em;font:700 14px/1 'Tektur','Russo One',var(--mono);color:#ffe14a;opacity:.92}
.tag.motto:before{width:34px;height:1px;margin:0;background:linear-gradient(90deg,transparent,#ff3a2a);box-shadow:0 0 8px rgba(255,58,42,.8)}
.tag.motto:after{content:"";width:6px;height:6px;transform:rotate(45deg);background:#ff3a2a;box-shadow:0 0 10px #ff3a2a}
.tag.motto span{background:linear-gradient(180deg,#fff3b0,#ffc83a 55%,#ff8a00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px rgba(255,170,0,.35))}
/* девіз у «Хто ми»: тонкий контурний напис на задньому фоні, без значка */
#about .hf-cap{z-index:1;opacity:.5;bottom:6%}
#about .hf-cap b{font-weight:700;letter-spacing:.1em;filter:drop-shadow(0 0 14px rgba(255,150,0,.28))}
#about .hf-cap .l1,#about .hf-cap i{-webkit-text-stroke:1.2px rgba(255,205,70,.85);
background-image:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%),linear-gradient(180deg,rgba(255,225,74,.16),rgba(255,120,0,.03))}
#about .hf-cap .l1{font-size:.62em;letter-spacing:.2em;text-indent:.1em}
#about .hf-cap i{font-size:1.55em}
#about .hf-cap em{height:1px;min-height:1px;border:0;background:linear-gradient(90deg,rgba(255,205,70,.9),rgba(255,205,70,.15));box-shadow:0 0 10px rgba(255,170,0,.5);position:relative}
#about .hf-cap em:before,#about .hf-cap em:after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border:1px solid #ffcd46;transform:rotate(45deg)}
#about .hf-cap em:before{left:0}#about .hf-cap em:after{right:0;background:#ffcd46}
@media(max-width:800px){#about .hf-cap{opacity:.45}#about .hf-cap b{font-size:clamp(28px,9vw,76px)}}

/* знаки-лінії з обох боків підписів розділів (дзеркально) */
.tag{display:inline-flex;align-items:center;gap:12px}
.tag:before,.tag:after{content:"";display:block;flex:none;width:30px;height:2px;margin:0;background:linear-gradient(90deg,transparent,var(--r));box-shadow:0 0 8px rgba(255,31,31,.7)}
.tag:after{background:linear-gradient(270deg,transparent,var(--r))}
.tag.motto:before{width:34px;height:1px;background:linear-gradient(90deg,transparent,#ff3a2a);box-shadow:0 0 8px rgba(255,58,42,.8)}
.tag.motto:after{width:34px;height:1px;transform:none;background:linear-gradient(270deg,transparent,#ff3a2a);box-shadow:0 0 8px rgba(255,58,42,.8)}
#about .two{min-height:0}

/* Вакансії: компактніші картки, фото видно краще */
.cards{grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}
.card .k{text-shadow:0 1px 6px #000,0 0 3px #000}
.card{min-height:236px}
.card .ph{opacity:.95;filter:saturate(1.05) contrast(1.05) brightness(.95)}
.card:hover .ph{filter:saturate(1.1) contrast(1.08) brightness(1)}
.card .in{padding:14px 16px;gap:6px;background:linear-gradient(180deg,transparent 38%,rgba(8,5,12,.9) 88%)}
.card h3{font-size:16px}
.card .in p{font-size:13px;line-height:1.4}
.card .btn{padding:8px 14px;font-size:12px}
@media(hover:hover){.card .in p{flex:none;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s,opacity .3s}.card:hover .in p,.card:focus-within .in p{max-height:90px;opacity:1}}
/* Завдання бригади: однакові блоки */
.tk summary{height:126px;box-sizing:border-box}
.tk{scroll-margin-top:90px}
@media(max-width:800px){.tk summary{height:160px}}

/* формули */
.fxs{display:block;width:100%;height:auto;margin:14px 0;background:#0b0710;border:1px solid var(--ln);touch-action:pan-y;user-select:none;-webkit-user-select:none;--c:#7fd0ff}
.fxs.ok{--c:#3dff8a}.fxs.bad{--c:#ff3030}
.fxs .pc rect{fill:rgba(10,8,18,.92);stroke:var(--c);stroke-width:2.5;transition:stroke .2s}
.fxs .pc text{fill:var(--c);font:700 20px var(--mono);text-anchor:middle;dominant-baseline:central;pointer-events:none}
.fxs .pc{cursor:grab;touch-action:none}.fxs .pc.sel rect{stroke:#fff;stroke-width:4}
.fxs .bd{stroke:var(--c);stroke-width:4;stroke-linecap:round;pointer-events:none;transition:stroke .2s}
.fxs .bh{stroke:transparent;stroke-width:26;cursor:pointer}
.fxs .pt{fill:var(--c);opacity:.75}
.fxs .fxc{fill:var(--c);font:700 22px var(--mono)}.fxs .fxf{font-size:17px;font-weight:400;opacity:.92}
.fxs.shake{animation:fxsh .5s}
@keyframes fxsh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.fxt{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 10px}
.fxp{display:flex;align-items:baseline;gap:6px;background:#12121a;border:1px solid var(--ln);color:#fff;padding:9px 14px;font:700 16px var(--mono);cursor:pointer}
.fxp i{font-style:normal;color:var(--mu);font-size:12px}.fxp:hover{border-color:var(--r)}.fxp:disabled{opacity:.3;cursor:default}
.fxbar{height:5px;background:#2a1a24;margin:8px 0}.fxbar i{display:block;height:100%;background:var(--r);width:100%}
.fmb{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;background:rgba(14,9,20,.96);border:1px solid var(--r);padding:14px 16px;box-shadow:0 0 30px rgba(255,31,31,.35);text-align:left}
.fmb p{margin:0 0 10px;font-size:14px;line-height:1.4}.fmb div{display:flex;gap:10px;flex-wrap:wrap}.fmb .btn{padding:10px 14px;font-size:12px}

/* радіаційний фон регіону */
.rad{position:relative;z-index:2;background:linear-gradient(180deg,rgba(14,10,22,.92),rgba(10,7,16,.96));border-top:1px solid rgba(255,31,31,.35);border-bottom:1px solid var(--ln)}
.rad-w{display:flex;align-items:center;gap:22px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.rad-i{width:42px;height:42px;flex:none;color:#ffe14a;filter:drop-shadow(0 0 8px rgba(255,225,74,.6));animation:spin 18s linear infinite}
.rad-t{display:flex;flex-direction:column;gap:3px;min-width:170px}
.rad-k{font:700 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--r)}
.rad-t b{font-size:18px;line-height:1.2}
.rad-m{flex:1 1 260px;min-width:220px}
.rad-v{font:700 20px var(--mono);color:#3dff8a;margin-bottom:6px}.rad-v small{font-size:12px;color:var(--mu);font-weight:400}
.rad-g{position:relative;display:flex;height:8px;border:1px solid var(--ln)}
.rad-g i{display:block;height:100%}.rad-g .z1{width:40%;background:#1f8f55}.rad-g .z2{width:20%;background:#c9a400}.rad-g .z3{width:40%;background:#a01818}
.rad-g u{position:absolute;top:-5px;width:3px;height:16px;background:#fff;box-shadow:0 0 8px #fff;transform:translateX(-50%);text-decoration:none}
.rad-l{display:flex;justify-content:space-between;font:11px var(--mono);color:var(--mu);margin-top:5px}
.rad-a{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.rad-a select{background:#12121a;color:#fff;border:1px solid var(--ln);padding:8px 10px;font:13px var(--mono);max-width:100%}
.rad-n{font:11px var(--mono);color:var(--mu);margin-top:4px}.rad-a button{background:none;border:1px solid var(--ln);color:#fff;padding:7px 10px;font:12px var(--mono);cursor:pointer}.rad-a a{font:700 12px var(--mono);color:#7fd0ff;text-decoration:none;letter-spacing:.04em}
@media(max-width:700px){.rad-w{gap:14px}.rad-t{min-width:0;flex:1 1 60%}.rad-a{width:100%}.rad-a select{width:100%}}
/* корисні контакти: компактні блоки, що розкриваються */
.info.cts{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;align-items:start}
.cts .ic{position:relative;padding:12px 38px 12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}
.cts .ic h3{margin:0;font-size:14px;line-height:1.3}
.cts .ic:after{content:"+";position:absolute;right:13px;top:9px;font:700 20px var(--mono);color:var(--r);transition:transform .25s}
.cts .ic.open:after{content:"\2212"}
.cts .ic p,.cts .ic .tel{display:none}
.cts .ic.open{grid-column:span 2;border-color:var(--r);box-shadow:0 0 18px rgba(255,31,31,.25)}
.cts .ic.open p,.cts .ic.open .tel{display:block}
.cts .ic.open p{margin-top:8px}
@media(max-width:480px){.info.cts{grid-template-columns:1fr 1fr;gap:8px}.cts .ic{padding:10px 30px 10px 11px}.cts .ic h3{font-size:13px}.cts .ic.open{grid-column:1/-1}}
/* вернутись наверх */
.totop{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:35;display:flex;align-items:center;gap:8px;background:rgba(14,9,20,.94);color:#fff;border:1px solid var(--r);padding:11px 14px;font:700 12px var(--mono);letter-spacing:.06em;cursor:pointer;box-shadow:0 0 22px rgba(255,31,31,.35);opacity:0;transform:translateY(14px);transition:opacity .25s,transform .25s}
.totop.show{opacity:1;transform:none}.totop svg{width:18px;height:18px;flex:none;color:var(--r)}
@media(max-width:560px){.totop span{display:none}.totop{padding:12px;border-radius:50%}.totop svg{width:22px;height:22px}}
/* мобільна оптимізація і перший дотик */
a,button,summary,select,label,.chip,.card,.tk,.ic{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
[data-off] *,[data-off] *:before,[data-off] *:after{animation-play-state:paused!important}
#law,#psy,#faq,#appeal,#check{content-visibility:auto;contain-intrinsic-size:auto 900px}
@media(max-width:800px),(hover:none){header{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(6,6,10,.96)}.sbg:before{mix-blend-mode:normal;opacity:.55}#about .hf:before{mix-blend-mode:normal;opacity:.45}}

/* гра: без наближення подвійним дотиком */
.gamew,.gamew *{touch-action:manipulation;-webkit-touch-callout:none}
#fx .fxs{touch-action:manipulation}
#fx .fxs .pc{touch-action:none}
.gamew canvas{touch-action:none}

/* формула: послідовність блоків */
.fxs .sl rect{fill:rgba(10,8,18,.55);stroke:var(--c);stroke-width:2;stroke-dasharray:7 5;opacity:.7}
.fxs .sl.f rect{fill:rgba(10,8,18,.92);stroke-dasharray:none;opacity:1}.fxs .sl.f{cursor:pointer}
.fxs .sl .sn{fill:var(--c);font:700 14px var(--mono);text-anchor:middle;opacity:.8}
.fxs .sl .st{fill:var(--c);font:700 22px var(--mono);text-anchor:middle;dominant-baseline:central}
.fxs .fxn{fill:var(--c);font:700 14px var(--mono);opacity:.9}

/* кнопка тесту на головному екрані */
.btn.o.hq{max-width:100%;text-align:center;line-height:1.35}

/* мобільні: кільце радіації стартує по краю значка (той самий радіус) */
@media(max-width:700px){
@keyframes wavem{from{transform:scale(1);opacity:.9}to{transform:scale(2.3);opacity:0}}
.dv:after{width:54px;height:54px;margin:-27px 0 0 -27px;animation-name:wavem}
}

/* ===== правки: форма, радіація, емблема, мобільна оптимізація ===== */
input,select{height:46px}
input[type=date]{-webkit-appearance:none;appearance:none;display:block;min-width:0;line-height:normal;text-align:left;padding-top:0;padding-bottom:0}
input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0;min-height:1.2em}
input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85);cursor:pointer}
.rad-r{position:relative;height:10px;margin:20px 0 0;background:linear-gradient(90deg,#1f8f55 0 40%,#c9a400 40% 60%,#a01818 60% 100%);border:1px solid var(--ln)}
.rad-r .rb{position:absolute;top:-6px;bottom:-6px;left:10%;width:30%;border:1px solid #fff;background:rgba(255,255,255,.14);box-shadow:0 0 8px rgba(255,255,255,.25)}
.rad-r .rb b{position:absolute;left:50%;top:-17px;transform:translateX(-50%);font:400 10px var(--mono);color:#fff;white-space:nowrap}
.rad-r u{position:absolute;top:-8px;width:3px;height:26px;background:#fff;box-shadow:0 0 8px #fff;transform:translateX(-50%);text-decoration:none}
.rad-r u em{position:absolute;left:50%;top:-21px;transform:translateX(-50%);font:700 11px var(--mono);font-style:normal;background:#fff;color:#000;padding:1px 5px;white-space:nowrap}
.rad-tk{position:relative;height:16px;margin-top:6px;font:10px var(--mono);color:var(--mu)}
.rad-tk span{position:absolute;transform:translateX(-50%)}.rad-tk span:first-child{transform:none}.rad-tk span:last-child{transform:translateX(-100%)}
@media(max-width:700px){
.rad-w{display:grid;grid-template-columns:34px 1fr;gap:4px 10px;padding-top:9px;padding-bottom:9px}
.rad-i{width:30px;height:30px;filter:none;align-self:center}
.rad-t{min-width:0;gap:1px}.rad-k{font-size:9px;letter-spacing:.14em}.rad-t b{font-size:15px}
.rad-m{grid-column:1/-1;min-width:0}.rad-v{font-size:14px;margin-bottom:0}.rad-v small{font-size:11px}
.rad-r{margin-top:18px}.rad-n{display:none}
.rad-a{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;width:auto}
.rad-a select{width:auto;flex:1 1 150px;height:34px;padding:4px 8px;font-size:12px}
.rad-a button{height:34px;padding:0 9px;font-size:11px}.rad-a a{font-size:11px}
}
/* емблема поруч із 704 на телефоні */
@media(max-width:700px){
.hero{min-height:0;padding:34px 0 42px}
.hero .w{display:grid;grid-template-columns:1fr;gap:0}
.hero .w>div:first-child{display:contents}
.hero .tag.motto{grid-row:1;grid-column:1}
.hero h1{grid-row:2;grid-column:1;margin:10px 0 18px}
.hero .emb{grid-row:2;grid-column:1;order:0;justify-self:end;align-self:start;margin:0;max-width:none;width:calc(clamp(120px,24vw,260px)*.82);z-index:3}
.hero .lead{grid-row:3;grid-column:1}.hero .w .row{grid-row:4;grid-column:1}
.emb .orb{display:none}
.emb:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(255,31,31,.42),transparent 68%)}
.emb .sh,.emb .tgt,.emb svg{filter:none}
}
/* оптимізація анімацій на мобільних: тільки transform/opacity, без фільтрів і змішування */
@media(max-width:800px),(hover:none){
.fr{transition:transform 1s cubic-bezier(.65,0,.35,1),opacity 1s;backface-visibility:hidden}
.fr.on{box-shadow:0 0 0 3px rgba(255,31,31,.12),0 0 22px rgba(255,31,31,.4)}
.fr.on .ph{filter:none}
.tr{will-change:transform}
.film{-webkit-mask-image:none;mask-image:none}
.filmw{position:relative}
.filmw:before,.filmw:after{content:"";position:absolute;top:0;bottom:0;width:9%;z-index:4;pointer-events:none}
.filmw:before{left:0;background:linear-gradient(90deg,#0a0710,transparent)}.filmw:after{right:0;background:linear-gradient(270deg,#0a0710,transparent)}
.cb-sl{filter:none;transition:opacity .6s,transform 5s linear;will-change:transform,opacity}
.cb-sl:not(.on):not(.prev){will-change:auto}
.dv svg,.cb-tr,.cb-at,.cb-dn,.rad-i{filter:none!important;will-change:transform}
.ph:after,.cb-ov{mix-blend-mode:normal}
}

@media(max-width:700px){
.rad-w{grid-template-columns:34px 1fr auto;gap:2px 10px;padding-top:8px;padding-bottom:8px;align-items:center}
.rad-m{display:contents}
.rad-v{grid-column:3;grid-row:1;margin:0;text-align:right;line-height:1.1}
.rad-v span{display:block;font-size:12px}.rad-v small{font-size:10px}
.rad-r,.rad-tk{grid-column:1/-1}.rad-r{margin-top:18px}.rad-tk{margin-top:4px}
.rad-a{grid-column:1/-1;margin-top:2px}.rad-a .rs{display:none}
.rad-a select{flex:1 1 120px}
.hero .emb .sh{width:80%}
}

/* телефон: рядок, що біжить ×3 менший; радіаційний фон нижчий. Комп'ютер без змін */
@media(max-width:700px){
.tick{font-size:4px;letter-spacing:.25em}.tick div{padding:5px 0}.tick span{margin:0 9px}
.rad-w{display:grid;grid-template-columns:28px 1fr auto;gap:0 8px;padding-top:6px;padding-bottom:6px;align-items:center}
.rad-i{width:24px;height:24px}
.rad-k{display:none}.rad-t{min-width:0}.rad-t b{font-size:14px;line-height:1.15}
.rad-m{display:contents}
.rad-v{grid-column:3;grid-row:1;margin:0;text-align:right;line-height:1.05}.rad-v span{display:block;font-size:12px}.rad-v small{font-size:9px}
.rad-r{grid-column:1/-1;margin:7px 0 0;height:8px}.rad-r .rb{top:-4px;bottom:-4px}.rad-r .rb b{display:none}
.rad-tk{grid-column:1/-1;margin-top:3px;height:12px;font-size:8px}
.rad-n{display:none}
.rad-a{grid-column:1/-1;margin-top:3px;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;width:auto}
.rad-a select{flex:1 1 90px;min-width:0;width:auto;height:28px;padding:2px 6px;font-size:11px}
.rad-a button{height:28px;padding:0 7px;font-size:10px;white-space:nowrap}.rad-a a{font-size:10px;white-space:nowrap}.rad-a .rs{display:none}
}

/* телефон: нижчі блоки, радіація без свічення */
@media(max-width:700px){
.rad-w{padding-top:4px;padding-bottom:4px;gap:0 8px}
.rad-i{width:20px;height:20px;filter:none;opacity:.85}
.rad-t b{font-size:13px}
.rad-v{grid-row:1}.rad-v span{display:inline;font-size:11px}.rad-v small{display:inline;font-size:9px}
.rad-r{margin-top:5px;height:6px;opacity:.7}
.rad-r .rb{top:-3px;bottom:-3px;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.06);box-shadow:none}
.rad-r u{box-shadow:none;background:#fff}
.rad-tk{margin-top:2px;height:10px;font-size:7px}
.rad-a{margin-top:2px;gap:5px}
.rad-a select{height:24px;font-size:10px;padding:0 5px}.rad-a button{height:24px;padding:0 6px;font-size:9px}.rad-a a{font-size:9px}
.tk summary{height:100px;padding:8px 0;gap:10px}
.tk .tt b{font-size:13px;line-height:1.2}.tk .tt small{font-size:11px}
.tk .n{font-size:11px}
.cb-rd{display:none}
.lks{gap:10px}
.lk{padding:12px 14px;gap:4px}.lk h3{font-size:15px}.lk p{font-size:13px;line-height:1.35}.lk .n{font-size:11px}.lk .more{font-size:11px}
}

/* вікно документа УБД */
.dlg{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(5,3,10,.9)}
.dlg[hidden]{display:none}
.dlg-b{position:relative;width:100%;max-width:780px;max-height:92vh;max-height:92dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#14101c;border:1px solid var(--r);box-shadow:0 0 40px rgba(255,31,31,.3);padding:26px 26px 20px;text-align:left;outline:none}
.dlg-x{position:sticky;top:0;float:right;margin:-12px -12px 0 8px;width:40px;height:40px;background:#14101c;border:1px solid var(--r);color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:2}
.dlg-c{font-size:15px;line-height:1.6;color:#e6dfe5}
.dlg-c h3{margin:0 0 14px;font-size:20px;line-height:1.25;padding-right:34px}
.dlg-c p{margin:0 0 12px}.dlg-c ul{margin:0 0 14px;padding-left:20px}.dlg-c li{margin:0 0 7px}
.dlg-c blockquote{margin:0 0 14px;padding:2px 0 2px 14px;border-left:2px solid var(--r)}
.dlg-c strong{color:#fff}
.dlg-f{margin-top:16px;padding-top:14px;border-top:1px solid var(--ln)}
@media(max-width:700px){.dlg{padding:6px}.dlg-b{padding:16px 14px 14px}.dlg-c{font-size:14px}.dlg-c h3{font-size:17px}}

/* вибір гри: чіткі блоки */
#tt{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;counter-reset:g;margin-bottom:18px}
#tt .chip{counter-increment:g;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:68px;padding:12px 14px;text-align:left;font:700 14px/1.25 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#16121f;border:1px solid rgba(255,255,255,.3)}
#tt .chip:after{content:attr(data-s);font:400 11px var(--mono);text-transform:none;letter-spacing:.02em;color:#a9a3b4}
#tt .chip[aria-pressed="true"]{background:var(--r);border-color:#ff6a6a;box-shadow:0 0 20px rgba(255,31,31,.5)}
#tt .chip[aria-pressed="true"]:after{color:#fff}
@media(max-width:700px){#tt{grid-template-columns:1fr 1fr;gap:8px}#tt .chip{min-height:62px;padding:10px 11px;font-size:12px}}
/* рекомендація заявки під грою */
.rec{margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04);display:flex;flex-wrap:wrap;gap:10px;align-items:center;text-align:left}
.rec span{flex:1 1 100%;font:700 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.rec .btn{padding:11px 14px;font-size:12px}
/* без підписів кадрів */
.fr:before{display:none!important}.cb-lb{display:none!important}

/* вогонь та метал */
#vm{max-width:1060px}
.vmg{background:#0c100a;border:1px solid var(--ln);padding:10px;color:#e8e4d0;text-align:left}
.vm-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.vm-pips{display:flex;gap:3px;flex:1 1 150px;max-width:320px}.vm-pips i{flex:1;height:14px;border-radius:2px;background:#2b3523}.vm-pips i.on{background:#ff8a1f;box-shadow:0 0 6px rgba(255,138,31,.6)}
.vm-top b{font:700 14px var(--mono)}
.vm-lv{display:flex;align-items:center;gap:6px;font:12px var(--mono);color:#a9a58f;margin-left:auto}
.vm-b,.vm-lv button,.vm-svb button{background:#222b1c;color:#e8e4d0;border:1px solid #3a4630;padding:8px 13px;font:700 13px var(--mono);cursor:pointer}
.vm-lv button.on,.vm-svb button.on{background:#ff8a1f;color:#1a1208;border-color:#ff8a1f}
.vm-cv{position:relative;line-height:0}.vm-cv canvas{width:100%;height:auto;aspect-ratio:1200/560;display:block;background:#10150c;border:1px solid #2c3624}
.vm-hud{position:absolute;left:8px;top:8px;background:rgba(10,12,8,.78);padding:5px 10px;font:700 12px/1.3 var(--mono);color:#e8e4d0}
.vm-ban{position:absolute;left:50%;top:44px;transform:translateX(-50%);background:rgba(10,12,8,.85);border:1px solid #ff8a1f;padding:6px 14px;font:700 13px/1.3 var(--mono);color:#ffb04a;white-space:nowrap}
.vm-ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(8,10,6,.84);text-align:center;line-height:1.3;padding:12px}
.vm-ov[hidden],.vm-ban[hidden]{display:none}
.vm-t{font:800 clamp(18px,4.4vw,34px)/1.2 var(--mono);color:#ff8a1f}.vm-s{font:13px var(--mono);color:#e8e4d0}
.vm-bs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.vm-bs .vm-b{background:#ff8a1f;color:#1a1208;border-color:#ff8a1f}
.vm-ctl{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:10px;margin-top:10px;align-items:stretch}
.vm-ctl label,.vm-sv{background:#141a10;border:1px solid #2c3624;padding:10px 12px;display:block}
.vm-ctl .k{display:block;font:11px var(--mono);color:#8f8b78;text-transform:uppercase;letter-spacing:.1em}
.vm-ctl .v{display:block;font:700 24px var(--mono);color:#ffb04a;margin:2px 0 0}
.vm-ctl .h{display:block;font:11px/1.35 var(--mono);color:#8f8b78;margin-top:6px}
.vm-svb{display:flex;gap:6px;margin-top:6px}.vm-svb button{flex:1;padding:9px 0}
.vmg input[type=range]{width:100%;height:28px;padding:0;border:0;background:none;accent-color:#ff8a1f;margin-top:6px;display:block;touch-action:pan-y}
.vm-fire{background:linear-gradient(#ff9a2f,#e0561a);color:#1a1208;border:0;font:800 20px var(--mono);letter-spacing:.06em;padding:0 28px;cursor:pointer;box-shadow:0 0 18px rgba(255,138,31,.4)}
.vm-fire:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
@media(max-width:700px){.vm-ctl{grid-template-columns:1fr 1fr}.vm-sv{grid-column:1/-1}.vm-fire{grid-column:1/-1;padding:16px}.vm-lv{margin-left:0}.vm-hud{font-size:11px}.vm-ban{font-size:11px;white-space:normal;width:86%;text-align:center}.vm-ctl .v{font-size:20px}}
.sbg.ft{background-position:88% 30%}

/* перемикач мови */
.lang{background:none;border:1px solid var(--ln);color:#fff;padding:6px 9px;font:700 11px var(--mono);letter-spacing:.08em;cursor:pointer;margin-left:10px;line-height:1}
.lang:hover{border-color:var(--r)}
@media(max-width:700px){.lang{margin-left:6px;padding:6px 8px}}

/* вибір гри по центру (ПК) */
@media(min-width:701px){#tt{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}#tt .chip{flex:0 0 164px;width:164px;align-items:center;text-align:center}}
/* підзаголовок «Знайди свою посаду» по центру */
#try .w>p{text-align:center;margin-left:auto;margin-right:auto}