:root{--bg:#030812;--bg2:#07182b;--panel:rgba(7,22,40,.74);--panel2:rgba(10,34,60,.7);--line:rgba(104,220,255,.24);--line2:rgba(20,115,255,.42);--text:#f3fbff;--muted:#a8bdd1;--blue:#1473ff;--cyan:#68dcff;--shadow:0 30px 90px rgba(0,0,0,.45);--r:32px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#030812;color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(104,220,255,.18),transparent 28%),radial-gradient(circle at 82% 5%,rgba(20,115,255,.28),transparent 32%),linear-gradient(180deg,#03101f,#030812 52%,#071426)}.ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(104,220,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(104,220,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#000,transparent 80%)}.ambient i{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(42px);opacity:.23;animation:drift 18s ease-in-out infinite}.ambient i:nth-child(1){left:-10vw;top:10vh;background:#167bff}.ambient i:nth-child(2){right:-12vw;top:34vh;background:#68dcff;animation-delay:-6s}.ambient i:nth-child(3){left:28vw;bottom:-22vw;background:#0b3a78;animation-delay:-12s}@keyframes drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,-3vh,0) scale(1.12)}}body.is-paused .ambient i,body.is-paused .slide.active img,body.is-paused .pulse,body.is-paused .float-in{animation-play-state:paused!important}.nav{position:sticky;top:10px;z-index:30;width:min(1220px,calc(100% - 28px));margin:10px auto 0;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(104,220,255,.22);border-radius:999px;background:rgba(2,9,18,.76);backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:14px;font-weight:950;font-size:23px}.brand img{width:56px;height:56px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 20px rgba(104,220,255,.24))}.nav nav{display:flex;align-items:center;gap:6px}.nav nav a{padding:13px 16px;border-radius:999px;color:#d7e7f5;font-weight:850;transition:.25s}.nav nav a:hover{background:rgba(104,220,255,.12);color:white;transform:translateY(-2px)}.lang{background:rgba(20,115,255,.22)}.hamb{display:none;border:0;background:rgba(255,255,255,.09);color:white;border-radius:16px;padding:12px 14px;font-size:20px}.hero{position:relative;width:min(1280px,calc(100% - 28px));min-height:760px;margin:18px auto 0;border-radius:38px;overflow:hidden;border:1px solid rgba(104,220,255,.28);box-shadow:var(--shadow);isolation:isolate;background:#071426}.hero-slider,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1.2s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);animation:slowZoom 14s ease-in-out infinite alternate}.hero-vignette{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,8,18,.94),rgba(3,8,18,.68) 35%,rgba(3,8,18,.18) 70%,rgba(3,8,18,.48)),linear-gradient(0deg,rgba(3,8,18,.82),transparent 28%,rgba(3,8,18,.28));pointer-events:none}.hero-content{position:relative;z-index:3;max-width:670px;padding:88px 68px 260px;transition:opacity .8s ease,filter .8s ease,transform .8s ease}.hero:not(:hover):not(:focus-within) .hero-content{opacity:.08;filter:blur(6px);transform:translateY(22px)}.hero:not(:hover):not(:focus-within) .hero-panel{opacity:.18;filter:blur(4px);transform:translateY(18px)}.hero:hover .hero-content,.hero:focus-within .hero-content{opacity:1;filter:none;transform:none}.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.22em}.hero h1,.section h2,.contact h2{margin:0;color:white;line-height:.95;font-weight:1000;letter-spacing:-.07em}.hero h1{font-size:clamp(56px,8vw,116px);max-width:650px}.hero h1 span{display:block;color:var(--blue);text-shadow:0 0 34px rgba(20,115,255,.26)}.lead{max-width:620px;color:#d7e6f3;font-size:clamp(18px,2vw,23px);font-weight:700;text-shadow:0 2px 24px rgba(0,0,0,.45)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border-radius:16px;font-weight:950;border:1px solid rgba(104,220,255,.24);transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(20,115,255,.22)}.primary{background:linear-gradient(135deg,var(--blue),#38c4ff);color:white}.ghost{background:rgba(255,255,255,.08);color:white}.hero-panel{position:absolute;right:30px;bottom:34px;z-index:4;display:flex;align-items:center;gap:20px;width:min(420px,calc(100% - 60px));padding:18px 22px;border:1px solid rgba(104,220,255,.25);border-radius:28px;background:rgba(0,10,22,.72);backdrop-filter:blur(16px);transition:opacity .8s ease,filter .8s ease,transform .8s ease}.hero-panel img{width:78px;height:78px;object-fit:contain}.hero-panel strong{display:block;color:white}.hero-panel span{display:block;color:var(--muted)}@keyframes slowZoom{to{transform:scale(1.11)}}.quick-grid{width:min(1120px,calc(100% - 28px));margin:-64px auto 28px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quick-grid article,.blog-card,.service-list div,.timeline li,.tech-grid article,.lab-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.28);padding:22px;transition:.28s}.quick-grid article:before,.blog-card:before,.service-list div:before,.tech-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(104,220,255,.14),transparent);transform:translateX(-120%);transition:.65s}.quick-grid article:hover,.blog-card:hover,.service-list div:hover,.timeline li:hover,.tech-grid article:hover{transform:translateY(-7px);border-color:rgba(104,220,255,.56)}.quick-grid article:hover:before,.blog-card:hover:before,.service-list div:hover:before,.tech-grid article:hover:before{transform:translateX(120%)}.quick-grid b,.tech-grid span{display:block;color:var(--cyan);font-size:13px;font-weight:1000}.quick-grid strong,.tech-grid strong{display:block;margin:5px 0;color:white;font-size:18px}.quick-grid span,.section p,.contact p,.small{color:var(--muted)}.section{width:min(1180px,calc(100% - 28px));margin:auto;padding:86px 0}.split-media,.mosaic{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:42px;align-items:center}.section h2,.contact h2{font-size:clamp(38px,5vw,68px)}.copy{padding:16px 0}.service-list{display:grid;gap:14px;margin-top:26px}.service-list strong{display:block;color:white}.service-list span{color:var(--muted)}.media-blend,.mosaic-img{position:relative;margin:0;min-height:520px;border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#061426}.media-blend picture,.mosaic-img picture{position:absolute;inset:0}.media-blend img,.mosaic-img img{width:100%;height:100%;object-fit:cover;object-position:center}.media-blend:before,.mosaic-img:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 72% 22%,transparent 0 24%,rgba(3,8,18,.18) 42%,rgba(3,8,18,.86) 100%),linear-gradient(90deg,rgba(3,8,18,.9),rgba(3,8,18,.22) 54%,rgba(3,8,18,.28)),linear-gradient(0deg,rgba(3,8,18,.95),transparent 26%,transparent 70%,rgba(3,8,18,.58));pointer-events:none}.media-blend figcaption,.media-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;color:#cde0f0;padding:18px 20px;border:1px solid rgba(104,220,255,.18);border-radius:22px;background:rgba(0,10,22,.55);backdrop-filter:blur(14px);transition:opacity .65s ease,transform .65s ease,filter .65s ease}.media-blend figcaption strong,.media-caption strong{display:block;color:white;font-size:20px}.media-blend figcaption span,.media-caption span{display:block;color:#bfd2e3}.media-hover:not(:hover):not(:focus-within) figcaption,.media-hover:not(:hover):not(:focus-within) .media-caption{opacity:0;filter:blur(4px);transform:translateY(18px)}.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}.tech-grid article{min-height:134px}.mosaic{grid-template-columns:1.05fr .95fr}.mosaic-img:before{background:linear-gradient(90deg,rgba(3,8,18,.12) 35%,rgba(3,8,18,.9)),linear-gradient(0deg,rgba(3,8,18,.82),transparent 25%,transparent 74%,rgba(3,8,18,.55))}.timeline{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px;counter-reset:t}.timeline li{counter-increment:t;padding:20px 22px;color:white;font-weight:850;display:flex;align-items:center;gap:14px}.timeline li:before{content:counter(t,decimal-leading-zero);flex:0 0 48px;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white}.interactive-lab{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}.lab-cards{display:flex;gap:12px;flex-wrap:wrap}.lab-cards button{border:1px solid var(--line);background:rgba(255,255,255,.08);color:white;border-radius:999px;padding:13px 18px;font-weight:950;cursor:pointer;transition:.22s}.lab-cards button:hover,.lab-cards button.active{background:linear-gradient(135deg,var(--blue),#38c4ff);transform:translateY(-3px)}.lab-panel{grid-column:2;padding:28px;min-height:132px}.lab-panel strong{font-size:24px;color:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.blog-carousel{overflow:hidden}.blog-track{display:flex;gap:18px;transition:transform .7s cubic-bezier(.22,.8,.22,1);will-change:transform}.blog-card{min-width:calc((100% - 36px)/3);padding:26px}.blog-card time{color:var(--cyan);font-size:13px}.blog-card h3{font-size:24px;line-height:1.14;margin:12px 0;color:white}.blog-card a{color:var(--cyan);font-weight:950}.blog-controls{display:flex;gap:10px;margin-top:20px}.blog-dot{width:12px;height:12px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.16);cursor:pointer}.blog-dot.active{width:34px;background:var(--cyan);box-shadow:0 0 18px rgba(104,220,255,.62)}.contact{width:min(1180px,calc(100% - 28px));margin:60px auto;padding:34px;display:grid;grid-template-columns:.92fr 1.08fr;gap:32px;border-radius:34px;border:1px solid var(--line);background:rgba(7,22,40,.72);box-shadow:var(--shadow)}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:7px;color:#d8e9f7;font-weight:850}.hp{position:absolute;left:-9999px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font:inherit;background:rgba(238,248,255,.95);color:#07182b;outline:none}input:focus,textarea:focus{box-shadow:0 0 0 4px rgba(104,220,255,.18);border-color:var(--cyan)}textarea{min-height:150px;resize:vertical}.form-ok{padding:12px 14px;border-radius:14px;background:rgba(59,222,138,.12);border:1px solid rgba(59,222,138,.35);color:#a9ffd0}.form-error{padding:12px 14px;border-radius:14px;background:rgba(255,90,90,.12);border:1px solid rgba(255,90,90,.35);color:#ffc0c0}footer{width:min(1180px,calc(100% - 28px));margin:auto;padding:34px 0 44px;color:#8ea8bd;border-top:1px solid rgba(104,220,255,.12)}.article,.page{width:min(980px,calc(100% - 28px));margin:auto;padding:70px 0}.content,.admin-box,.admin,table{border:1px solid var(--line);background:rgba(7,22,40,.78);border-radius:24px;box-shadow:var(--shadow)}.content,.admin-box,.admin{padding:28px}.admin-box{max-width:480px;margin:10vh auto}.admin-head{display:flex;align-items:center;justify-content:space-between}table{width:100%;border-collapse:collapse;overflow:hidden}td,th{padding:14px;border-bottom:1px solid rgba(104,220,255,.12);text-align:left}.muted{color:var(--muted)}.error{color:#ffb0b0}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.in-view{opacity:1;transform:none}@media(max-width:1060px){.split-media,.mosaic,.contact,.interactive-lab{grid-template-columns:1fr}.lab-panel{grid-column:auto}.quick-grid,.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.hero{min-height:700px}.hero-content{padding-bottom:230px}.media-blend,.mosaic-img{min-height:430px}.blog-card{min-width:calc((100% - 18px)/2)}}@media(max-width:720px){.nav{border-radius:24px}.brand img{width:48px;height:48px}.hamb{display:block}.nav nav{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:22px;background:rgba(2,9,18,.96)}.nav nav.open{display:flex}.hero{min-height:650px;border-radius:28px}.hero-content{padding:58px 24px 210px}.hero:not(:hover):not(:focus-within) .hero-content{opacity:1;filter:none;transform:none}.hero h1{font-size:48px}.hero-panel{left:18px;right:18px;bottom:18px;width:auto}.quick-grid,.tech-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-head{display:block}.blog-card{min-width:100%}.contact{padding:24px}.section h2,.contact h2{font-size:38px}.media-hover:not(:hover):not(:focus-within) figcaption,.media-hover:not(:hover):not(:focus-within) .media-caption{opacity:1;filter:none;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero:not(:hover):not(:focus-within) .hero-content,.hero:not(:hover):not(:focus-within) .hero-panel{opacity:1;filter:none;transform:none}}

/* V8: poprawka tekstu na hero, rozmycie zdjęcia przy napływaniu tekstu, sekcja sterowników */
.hero{min-height:820px;display:flex;align-items:center}.hero-slider{transition:filter .8s ease,transform 1.1s ease}.hero-reveal:hover .hero-slider,.hero-reveal:focus-within .hero-slider{filter:blur(5px) brightness(.62) saturate(1.1);transform:scale(1.02)}.hero-reveal:not(:hover):not(:focus-within) .hero-slider{filter:blur(0) brightness(.86) saturate(1.06)}.hero-vignette{background:linear-gradient(90deg,rgba(3,8,18,.96),rgba(3,8,18,.74) 32%,rgba(3,8,18,.12) 68%,rgba(3,8,18,.38)),linear-gradient(0deg,rgba(3,8,18,.84),transparent 32%,rgba(3,8,18,.22));transition:opacity .8s ease}.hero-reveal:not(:hover):not(:focus-within) .hero-vignette{opacity:.36}.hero-content{max-width:760px;padding:84px 70px 240px}.hero-content:before{content:"";position:absolute;inset:42px 28px 170px 28px;z-index:-1;border-radius:34px;background:linear-gradient(110deg,rgba(3,8,18,.72),rgba(3,8,18,.28));border:1px solid rgba(104,220,255,.08);backdrop-filter:blur(10px);opacity:0;transform:translateX(-18px);transition:.7s ease}.hero:hover .hero-content:before,.hero:focus-within .hero-content:before{opacity:1;transform:none}.hero:not(:hover):not(:focus-within) .hero-content{opacity:0;filter:blur(14px);transform:translateX(-44px);pointer-events:none}.hero:not(:hover):not(:focus-within) .hero-panel{opacity:0;filter:blur(10px);transform:translateY(25px);pointer-events:none}.hero h1{font-size:clamp(48px,7.2vw,98px);line-height:.98;max-width:700px;text-wrap:balance}.lead{max-width:640px;line-height:1.52}.hero-panel{background:rgba(0,12,26,.78);box-shadow:0 26px 70px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.08)}
.image-reveal picture,.media-blend picture,.mosaic-img picture{transition:filter .7s ease,transform .9s ease}.image-reveal:hover picture,.image-reveal:focus-within picture{filter:blur(3px) brightness(.66) saturate(1.08);transform:scale(1.025)}.image-reveal:not(:hover):not(:focus-within):before{opacity:.45}.media-blend,.mosaic-img{display:block}.media-blend img,.mosaic-img img{object-fit:cover}.mosaic-img img[src$="G_ST80_XX_03395j.jpg"]{object-fit:contain;background:linear-gradient(135deg,rgba(6,20,38,.98),rgba(3,8,18,.98));padding:32px}.section-head .small{max-width:460px}.hardware-section{padding-top:52px}.hardware-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:minmax(285px,auto);gap:18px;margin-top:30px}.hardware-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(8,28,52,.84),rgba(3,10,22,.82));box-shadow:var(--shadow);padding:26px;min-height:285px;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.hardware-card:hover{transform:translateY(-8px);border-color:rgba(104,220,255,.58);box-shadow:0 34px 90px rgba(20,115,255,.15)}.hardware-card:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at var(--mx,55%) var(--my,35%),rgba(104,220,255,.22),transparent 24%);opacity:0;transition:.25s;pointer-events:none}.hardware-card:hover:before{opacity:1}.hardware-card span{color:var(--cyan);font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.hardware-card h3{margin:6px 0 10px;color:white;font-size:clamp(25px,3vw,38px);line-height:1}.hardware-card p{color:var(--muted);max-width:470px}.hardware-card.featured{grid-row:span 2;min-height:590px;padding:0;display:flex;align-items:end}.hardware-photo{position:absolute;inset:0}.hardware-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.74) saturate(1.02);transition:.7s ease}.featured:hover .hardware-photo img{filter:blur(4px) brightness(.58) saturate(1.1);transform:scale(1.045)}.hardware-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,8,18,.96),rgba(3,8,18,.26) 56%,rgba(3,8,18,.5)),linear-gradient(90deg,rgba(3,8,18,.9),transparent 64%)}.hardware-copy{position:relative;z-index:2;padding:32px}.product-card{display:flex;flex-direction:column;justify-content:flex-end}.product-float{position:absolute;inset:16px 16px 104px 16px;display:flex;align-items:center;justify-content:center;z-index:1;opacity:.96;filter:drop-shadow(0 24px 32px rgba(0,0,0,.36));transition:.5s ease}.product-float img{max-width:88%;max-height:100%;object-fit:contain}.product-card:hover .product-float{transform:translateY(-10px) scale(1.04);filter:drop-shadow(0 24px 34px rgba(20,115,255,.18))}.product-card span,.product-card h3,.product-card p{position:relative;z-index:2}.product-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(0deg,rgba(3,8,18,.96),rgba(3,8,18,.72) 55%,transparent);z-index:1}.hmi-card{grid-column:span 2}.hmi-card .product-float{inset:8px 20px 90px 45%;justify-content:flex-end}.hmi-card p{max-width:520px}.quick-grid{margin-top:-58px}.split-media,.mosaic{gap:54px}.blog-track,.hero-slider{contain:layout paint}.slide:not(.active){display:block;visibility:hidden}.slide.active{visibility:visible}@media(max-width:1060px){.hero{min-height:760px}.hero-content{padding:78px 36px 245px}.hardware-grid{grid-template-columns:1fr 1fr}.hardware-card.featured{grid-column:1/-1;min-height:440px}.hmi-card{grid-column:1/-1}.hmi-card .product-float{inset:8px 20px 100px 35%}}@media(max-width:720px){.hero{min-height:670px}.hero-content{padding:42px 22px 190px}.hero:not(:hover):not(:focus-within) .hero-content{opacity:1;filter:none;transform:none;pointer-events:auto}.hero-reveal:hover .hero-slider,.hero-reveal:focus-within .hero-slider{filter:brightness(.58)}.hero-content:before{opacity:1;inset:24px 14px 154px}.hero h1{font-size:46px}.hardware-grid{grid-template-columns:1fr}.hardware-card.featured{min-height:420px}.hmi-card{grid-column:auto}.hmi-card .product-float,.product-float{inset:18px 14px 130px 14px}.product-card{min-height:360px}.section-head .small{max-width:none}.mosaic-img img[src$="G_ST80_XX_03395j.jpg"]{padding:18px}.quick-grid{margin-top:20px}}@media(prefers-reduced-motion:reduce){.hero-slider,.hardware-card,.product-float,.hardware-photo img{transition:none!important}.hero-reveal:hover .hero-slider,.hero-reveal:focus-within .hero-slider,.image-reveal:hover picture,.image-reveal:focus-within picture{filter:none!important}}

/* V9: czytelność tekstu na zdjęciach, rozbudowany blog, mocniejsze ale subtelne tło */
.ambient i{opacity:.32;filter:blur(44px);animation-duration:12s}.ambient i:nth-child(2){opacity:.22;animation-duration:15s}.ambient i:nth-child(3){opacity:.18;animation-duration:18s}body.is-paused .ambient i,.page-paused .ambient i{animation-play-state:paused!important}.hero.text-on-hover{isolation:isolate}.hero.text-on-hover .hero-slider:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,16,.18),rgba(2,8,16,.05));transition:.7s ease;z-index:3;pointer-events:none}.hero.text-on-hover:hover .hero-slider:after,.hero.text-on-hover:focus-within .hero-slider:after{background:linear-gradient(90deg,rgba(2,8,16,.92),rgba(2,8,16,.54) 43%,rgba(2,8,16,.16))}.hero.text-on-hover:hover .hero-slider,.hero.text-on-hover:focus-within .hero-slider{filter:blur(10px) brightness(.46) saturate(1.08);transform:scale(1.035)}.hero.text-on-hover .hero-content{transition:opacity .7s ease,filter .7s ease,transform .7s ease}.hero.text-on-hover:not(:hover):not(:focus-within) .hero-content{opacity:.08;filter:blur(16px);transform:translateX(-34px) scale(.985)}.hero.text-on-hover:not(:hover):not(:focus-within) .hero-vignette{opacity:.18}.hero.text-on-hover:hover .hero-content,.hero.text-on-hover:focus-within .hero-content{opacity:1;filter:none;transform:none}.media-hover{isolation:isolate}.media-hover:after,.post-hero:after,.blog-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,8,18,.84),rgba(3,8,18,.24) 58%,rgba(3,8,18,.18));opacity:0;transition:.65s ease;pointer-events:none}.media-hover:hover:after,.media-hover:focus-within:after,.post-hero:hover:after,.post-hero:focus-within:after,.blog-card-image:hover:after,.blog-card-image:focus-within:after{opacity:1}.media-hover:hover img,.media-hover:focus-within img,.post-hero:hover>img,.post-hero:focus-within>img,.blog-card-image:hover>img,.blog-card-image:focus-within>img{filter:blur(7px) brightness(.54) saturate(1.06);transform:scale(1.045)}.media-hover figcaption,.media-caption{z-index:3}.v9-lab{grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;min-height:560px;background:linear-gradient(135deg,rgba(4,15,30,.92),rgba(9,36,66,.7));border-radius:38px;border:1px solid rgba(104,220,255,.16);padding:58px}.v9-lab .lab-copy p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.75;max-width:520px}.lab-stage{position:relative;min-height:360px;border-radius:34px;border:1px solid var(--line);background:radial-gradient(circle at 80% 20%,rgba(30,126,255,.24),transparent 30%),rgba(4,14,27,.72);padding:34px;box-shadow:var(--shadow);overflow:hidden}.lab-stage:before{content:"";position:absolute;inset:auto -12% -28% 8%;height:260px;background:radial-gradient(circle,rgba(104,220,255,.20),transparent 64%);filter:blur(20px);animation:floatGlow 8s ease-in-out infinite}.lab-cards{position:relative;z-index:2}.lab-panel{position:relative;z-index:2;margin-top:88px;max-width:none}.lab-metrics{position:absolute;left:28px;right:28px;bottom:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;z-index:2}.lab-metrics span{border:1px solid rgba(104,220,255,.22);border-radius:18px;padding:12px;text-align:center;color:#d8edf9;background:rgba(255,255,255,.04);font-weight:800}.v9-blog{padding-top:86px;padding-bottom:94px}.v9-blog .section-head{align-items:end}.v9-blog .small{max-width:560px}.v9-blog .blog-carousel{margin-top:28px;overflow:hidden;padding:0 0 26px}.v9-blog .blog-track{gap:24px}.blog-card-image{position:relative;min-height:410px;min-width:calc((100% - 24px)/2);padding:0;overflow:hidden;border-radius:34px}.blog-card-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.64) saturate(1.02);transition:.75s ease}.blog-card-overlay{position:absolute;inset:auto 0 0 0;z-index:3;padding:32px;background:linear-gradient(0deg,rgba(3,8,18,.96),rgba(3,8,18,.72) 65%,transparent)}.blog-card-overlay h3{font-size:clamp(24px,2.5vw,36px);max-width:760px}.blog-card-overlay p{max-width:760px}.blog-list{display:grid;gap:24px;margin-top:34px}.blog-list-card{display:grid;grid-template-columns:360px 1fr;gap:30px;border:1px solid var(--line);border-radius:34px;background:rgba(7,22,40,.78);box-shadow:var(--shadow);overflow:hidden;padding:18px}.blog-list-card img{width:100%;height:100%;min-height:260px;object-fit:cover;border-radius:24px;filter:brightness(.72);transition:.55s ease}.blog-list-card:hover img{filter:blur(5px) brightness(.54);transform:scale(1.025)}.blog-list-card>div{padding:16px 16px 16px 0}.blog-list-card h2{font-size:clamp(26px,3.3vw,46px);line-height:1.02;color:white}.article-v9{width:min(1080px,calc(100% - 28px))}.post-hero{position:relative;min-height:560px;border-radius:38px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow);display:flex;align-items:flex-end}.post-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.64);transition:.8s ease}.post-hero-copy{position:relative;z-index:3;padding:44px;max-width:800px;background:linear-gradient(90deg,rgba(2,8,16,.88),rgba(2,8,16,.45),transparent);border-radius:0 34px 0 0;transition:.7s ease}.post-hero:not(:hover):not(:focus-within) .post-hero-copy{opacity:.12;filter:blur(12px);transform:translateY(22px)}.post-content{font-size:18px;line-height:1.85;margin-top:28px;white-space:normal}.post-content br+br{display:block;margin:16px 0;content:""}@keyframes floatGlow{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4%,-6%,0)}}@media(max-width:1060px){.v9-lab{grid-template-columns:1fr;padding:34px}.blog-card-image{min-width:calc((100% - 24px)/2)}.blog-list-card{grid-template-columns:1fr}.blog-list-card>div{padding:6px}.lab-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.hero.text-on-hover:not(:hover):not(:focus-within) .hero-content{opacity:1;filter:none;transform:none}.hero.text-on-hover .hero-slider,.hero.text-on-hover:hover .hero-slider{filter:brightness(.48)!important}.v9-lab{padding:24px}.lab-stage{padding:22px}.lab-panel{margin-top:42px}.lab-metrics{position:relative;left:auto;right:auto;bottom:auto;margin-top:20px;grid-template-columns:1fr 1fr}.blog-card-image{min-width:100%;min-height:430px}.post-hero{min-height:520px}.post-hero-copy{padding:26px}.post-hero:not(:hover):not(:focus-within) .post-hero-copy{opacity:1;filter:none;transform:none}.blog-list-card img{min-height:220px}}@media(prefers-reduced-motion:reduce){.ambient i,.lab-stage:before{animation:none!important}.post-hero-copy,.blog-card-image>img,.post-hero>img{transition:none!important}}

/* V10: poprawki czytelności, rozstawienia i faza 2 start */
:root{--nav-h:78px;--radius-xl:34px}
html{scroll-padding-top:calc(var(--nav-h) + 28px)}
body{overflow-x:hidden;background:#04101f}
.nav{height:var(--nav-h);max-width:1180px;width:calc(100% - 48px);padding:10px 18px;gap:24px;backdrop-filter:blur(20px);z-index:50}
.nav .brand img{width:48px;height:48px;object-fit:contain}.nav nav{gap:12px}.nav nav a{white-space:nowrap}
.section{position:relative;z-index:2}.section h2,.contact h2{letter-spacing:-.06em;overflow-wrap:normal;text-wrap:balance}.section-head{gap:28px;margin-bottom:28px}.section-head .small{line-height:1.65}
/* Rozmycie dotyczy już także małych kart sprzętu, a tekst zostaje czytelny */
.hardware-card{isolation:isolate;overflow:hidden}.hardware-card:after{transition:.55s ease}.hardware-card:hover .product-float img,.hardware-card:focus-within .product-float img{filter:blur(6px) brightness(.52) saturate(1.12);transform:scale(1.05)}
.hardware-card:hover .product-float,.hardware-card:focus-within .product-float{transform:translateY(-6px) scale(1.04)}
.hardware-card:hover:after,.hardware-card:focus-within:after{height:72%;background:linear-gradient(0deg,rgba(3,8,18,.98),rgba(3,8,18,.78) 62%,rgba(3,8,18,.22));}
.hardware-card h3,.hardware-card p,.hardware-card span{position:relative;z-index:4;text-shadow:0 12px 28px rgba(0,0,0,.58)}
.hardware-grid{align-items:stretch}.hardware-card.product-card{min-height:286px}.hardware-card.featured{min-height:560px}.product-float{inset:10px 18px 118px 18px}.hmi-card .product-float{inset:10px 28px 110px 44%}
/* Interaktywna sekcja przebudowana, bez nachodzenia elementów */
.v10-lab{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);gap:48px;align-items:center;min-height:560px;background:linear-gradient(135deg,rgba(3,12,25,.94),rgba(8,35,66,.74));border-radius:38px;border:1px solid rgba(104,220,255,.16);padding:58px;box-shadow:var(--shadow);overflow:hidden}
.v10-lab .lab-copy{min-width:0}.v10-lab .lab-copy h2{font-size:clamp(44px,5.6vw,78px);line-height:.94;margin:0 0 22px}.v10-lab .lab-copy p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.75;max-width:560px}
.v10-lab .lab-stage{position:relative;min-height:430px;border-radius:34px;border:1px solid rgba(104,220,255,.20);background:radial-gradient(circle at 85% 18%,rgba(44,158,255,.23),transparent 32%),linear-gradient(135deg,rgba(6,22,42,.92),rgba(4,14,28,.82));padding:34px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 30px 90px rgba(0,0,0,.28);overflow:hidden}.v10-lab .lab-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(104,220,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(104,220,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,#000 0,transparent 78%);opacity:.55;pointer-events:none}.gear-decor{position:absolute;right:-62px;top:-58px;width:280px;opacity:.16;filter:drop-shadow(0 0 28px rgba(54,171,255,.38));animation:gearFloat 11s ease-in-out infinite;pointer-events:none}.v10-lab .lab-cards{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.v10-lab .lab-cards button{border:1px solid rgba(104,220,255,.24);background:rgba(255,255,255,.06);color:#e8f6ff;border-radius:999px;padding:13px 22px;font-weight:950;cursor:pointer;box-shadow:none}.v10-lab .lab-cards button.active{background:linear-gradient(135deg,#207bff,#4cd8ff);color:white;border-color:transparent;box-shadow:0 16px 40px rgba(31,129,255,.22)}.v10-lab .lab-panel{position:relative;z-index:3;max-width:100%;min-height:168px;margin:0;border:1px solid rgba(104,220,255,.22);border-radius:28px;background:rgba(3,12,25,.74);padding:30px;transition:.25s ease}.v10-lab .lab-panel strong{display:block;color:white;font-size:30px;margin-bottom:14px}.v10-lab .lab-panel p{margin:0;color:var(--muted);line-height:1.72}.v10-lab .lab-metrics{position:relative;z-index:3;left:auto;right:auto;bottom:auto;margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v10-lab .lab-metrics span{display:grid;gap:4px;min-height:80px;align-content:center;border:1px solid rgba(104,220,255,.24);border-radius:20px;padding:14px 10px;text-align:center;color:#e6f7ff;background:rgba(255,255,255,.045);font-weight:900}.v10-lab .lab-metrics b{color:var(--cyan);font-size:12px;letter-spacing:.18em}
@keyframes gearFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-12px,14px,0) rotate(7deg)}}
/* Kontakt: mniejsza typografia, bez nachodzenia */
.contact{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:56px;align-items:start;margin-top:60px;padding:48px;border-radius:38px;overflow:hidden}.contact h2{font-size:clamp(38px,5.2vw,68px);line-height:1.02;margin:0 0 24px;max-width:620px}.contact p{font-size:16px;line-height:1.65;color:var(--muted)}.contact a{color:#cfefff;text-decoration:none}.contact-form{display:grid;gap:16px}.contact-form label{font-size:14px;letter-spacing:.02em;color:#d9ebf6;font-weight:900}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;min-height:54px;border:1px solid rgba(104,220,255,.20);border-radius:16px;background:#e8f5ff;color:#05111f;padding:14px 16px;font:inherit;outline:none}.contact-form textarea{min-height:150px;resize:vertical}.contact-form .small{font-size:14px;line-height:1.6}.hp{position:absolute!important;left:-9999px!important;opacity:0!important}
/* Blog ma więcej powietrza i zawsze zdjęcie wiodące */
.v9-blog{padding-top:110px;padding-bottom:110px}.v9-blog .section-head h2{max-width:850px}.v9-blog .blog-carousel{margin-top:40px}.blog-card-image{min-height:470px}.blog-card-overlay{padding:38px}.blog-card-overlay p{font-size:16px;line-height:1.65}.blog-card-overlay a{font-weight:950;color:var(--cyan)}
/* Cookie banner */
.cookie-banner{position:fixed;left:24px;right:24px;bottom:22px;z-index:80;display:none;align-items:center;justify-content:space-between;gap:18px;max-width:980px;margin:auto;border:1px solid rgba(104,220,255,.22);border-radius:22px;background:rgba(4,14,28,.94);box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:18px 20px}.cookie-banner.show{display:flex}.cookie-banner p{margin:0;color:var(--muted);line-height:1.55}.cookie-banner button{border:0;border-radius:14px;background:linear-gradient(135deg,#207bff,#4cd8ff);color:white;font-weight:950;padding:12px 18px;cursor:pointer;white-space:nowrap}
@media(max-width:1100px){.nav{width:calc(100% - 24px)}.v10-lab,.contact{grid-template-columns:1fr}.hmi-card .product-float{inset:10px 18px 118px 18px}.hardware-card.featured{min-height:480px}}
@media(max-width:760px){:root{--nav-h:68px}.nav{top:10px}.v10-lab{padding:26px;border-radius:28px}.v10-lab .lab-stage{padding:22px;min-height:0}.v10-lab .lab-copy h2{font-size:42px}.v10-lab .lab-metrics{grid-template-columns:1fr 1fr}.contact{padding:28px;gap:28px}.contact h2{font-size:38px}.cookie-banner{left:12px;right:12px;flex-direction:column;align-items:flex-start}.hardware-card.product-card{min-height:360px}.product-float{inset:14px 14px 128px 14px}.blog-card-image{min-height:430px}}

/* V12 polish: visible logo, stable interactive section, cleaner admin/blog editor */
.nav .brand{background:rgba(2,10,22,.56);border:1px solid rgba(104,220,255,.18);border-radius:999px;padding:8px 16px 8px 10px;box-shadow:0 0 28px rgba(53,173,255,.16)}
.nav .brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(70,207,255,.72)) drop-shadow(0 0 2px rgba(255,255,255,.75));opacity:1;background:radial-gradient(circle,rgba(255,255,255,.10),rgba(255,255,255,0) 68%);border-radius:50%;padding:3px}.nav .brand span{text-shadow:0 0 18px rgba(255,255,255,.22)}
.v12-lab{grid-template-columns:minmax(330px,.85fr) minmax(520px,1.15fr);gap:54px;align-items:center;overflow:hidden}.v12-lab .lab-copy h2{font-size:clamp(38px,5.2vw,72px);line-height:.98;letter-spacing:-.07em}.v12-lab .lab-copy p{max-width:560px}.v12-lab .lab-stage{min-height:420px;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(260px,1fr);grid-template-rows:auto 1fr auto;gap:22px;align-items:stretch;padding:34px;position:relative}.v12-lab .gear-decor{position:absolute;right:-60px;top:-70px;width:230px;opacity:.09;filter:drop-shadow(0 0 24px rgba(72,199,255,.28));animation:gearDrift 18s linear infinite}.v12-lab .lab-cards{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.v12-lab .lab-cards button{min-width:112px;min-height:52px;padding:0 20px;border-radius:999px;white-space:nowrap;line-height:1;font-size:14px}.v12-lab .lab-panel{grid-column:2;grid-row:2/4;min-height:210px;padding:34px;border-radius:28px;display:flex;flex-direction:column;justify-content:center;transition:opacity .18s ease,transform .18s ease}.v12-lab .lab-panel strong{display:block;font-size:32px;line-height:1.05;margin-bottom:18px}.v12-lab .lab-panel p{font-size:16px;line-height:1.68;margin:0;max-width:360px}.v12-lab .lab-metrics{grid-column:1;grid-row:2/4;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:stretch}.v12-lab .lab-metrics span{min-height:96px;border-radius:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:18px;background:rgba(7,25,45,.72);border:1px solid rgba(104,220,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.v12-lab .lab-metrics b{display:block;color:var(--cyan);font-size:13px;letter-spacing:.08em}.v12-lab .lab-metrics em{font-style:normal;font-weight:950;color:white;font-size:17px;line-height:1.1;word-break:normal}.v12-lab .lab-metrics span:hover{border-color:rgba(80,211,255,.58);transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.25),0 0 20px rgba(43,172,255,.16)}
@keyframes gearDrift{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.contact{align-items:start}.contact h2{font-size:clamp(36px,4.8vw,62px);line-height:1.02;letter-spacing:-.06em}.contact-form{background:rgba(4,15,30,.28);border:1px solid rgba(104,220,255,.12);border-radius:28px;padding:22px}.contact-form input,.contact-form textarea{background:#edf8ff;border-color:rgba(104,220,255,.25)}
.admin-shell{min-height:100vh;padding:42px 20px;background:radial-gradient(circle at 20% 0,rgba(33,134,255,.22),transparent 35%),#04101f;color:white}.admin-box,.admin-panel{width:min(1120px,calc(100% - 24px));margin:40px auto;padding:34px;border-radius:28px;border:1px solid rgba(104,220,255,.2);background:rgba(6,20,38,.88);box-shadow:0 30px 90px rgba(0,0,0,.35)}.admin-box{max-width:520px}.admin-box h1,.admin-panel h1{margin:0 0 12px;font-size:36px}.admin-box p,.admin-panel p{color:#b7c9d9;line-height:1.6}.admin-box input,.admin-panel input,.admin-panel select,.admin-panel textarea{width:100%;border:1px solid rgba(104,220,255,.22);border-radius:16px;padding:14px 16px;margin:8px 0 14px;background:#ecf7ff;color:#061426;font:inherit}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.admin-table{width:100%;border-collapse:separate;border-spacing:0 10px}.admin-table th{text-align:left;color:#72dfff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.admin-table td{background:rgba(255,255,255,.04);border-top:1px solid rgba(104,220,255,.10);border-bottom:1px solid rgba(104,220,255,.10);padding:16px}.admin-table td:first-child{border-left:1px solid rgba(104,220,255,.10);border-radius:16px 0 0 16px}.admin-table td:last-child{border-right:1px solid rgba(104,220,255,.10);border-radius:0 16px 16px 0}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-grid .full{grid-column:1/-1}.admin-note{padding:14px 16px;border-radius:16px;background:rgba(70,207,255,.08);border:1px solid rgba(104,220,255,.16);color:#cdefff}.error{color:#ffb4b4!important}.success{color:#9dffca!important}
@media(max-width:980px){.v12-lab{grid-template-columns:1fr}.v12-lab .lab-stage{grid-template-columns:1fr}.v12-lab .lab-panel,.v12-lab .lab-metrics{grid-column:1;grid-row:auto}.v12-lab .lab-metrics{grid-template-columns:repeat(4,1fr)}.editor-grid{grid-template-columns:1fr}}
@media(max-width:620px){.nav .brand img{width:42px;height:42px}.v12-lab .lab-stage{padding:22px}.v12-lab .lab-cards button{min-width:0;flex:1}.v12-lab .lab-metrics{grid-template-columns:1fr 1fr}.v12-lab .lab-metrics span{min-height:82px}.admin-box,.admin-panel{padding:22px}}

/* V16 critical fixes: logo, interactive scope, admin CMS */
.nav .brand{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;gap:12px!important;min-height:auto!important}
.nav .brand:before,.nav .brand:after{display:none!important}
.nav .brand img{width:54px!important;height:54px!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;object-fit:contain!important}
.nav .brand span{font-weight:950!important;color:#fff!important;text-shadow:0 8px 28px rgba(0,0,0,.45)}
.v12-lab{display:grid!important;grid-template-columns:minmax(320px,.9fr) minmax(520px,1.1fr)!important;align-items:center!important;gap:58px!important}
.v12-lab .lab-stage{display:flex!important;flex-direction:column!important;min-height:0!important;padding:34px!important;gap:26px!important;overflow:hidden!important}
.v12-lab .lab-cards{display:flex!important;justify-content:center!important;gap:14px!important;margin:0!important;position:relative!important;z-index:3!important}
.v12-lab .lab-panel{position:relative!important;z-index:2!important;width:100%!important;min-height:150px!important;margin:0!important;padding:28px 30px!important;border-radius:26px!important;display:block!important;grid-column:auto!important;grid-row:auto!important}
.v12-lab .lab-panel strong{font-size:30px!important;margin:0 0 12px!important;color:#fff!important}
.v12-lab .lab-panel p{margin:0!important;max-width:none!important;line-height:1.65!important;color:#c8d6e4!important}
.v12-lab .lab-metrics{position:relative!important;z-index:3!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;align-self:auto!important}
.v12-lab .lab-metrics span{min-height:108px!important;padding:18px!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important}
.v12-lab .lab-metrics em{font-size:18px!important}
.admin-shell{background:radial-gradient(circle at 18% 0,rgba(42,154,255,.22),transparent 34%),linear-gradient(135deg,#061626,#03101d 60%,#09233a)!important;color:#fff!important;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important}
.admin-box,.admin-panel{background:rgba(4,17,32,.92)!important;border:1px solid rgba(104,220,255,.24)!important;box-shadow:0 36px 120px rgba(0,0,0,.48)!important}
.admin-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;flex-wrap:wrap}.admin-table-wrap{overflow-x:auto}.admin-table{min-width:860px}.admin-thumb{width:132px;height:76px;object-fit:cover;border-radius:12px;border:1px solid rgba(104,220,255,.25);display:block}.admin-row-actions{display:flex!important;gap:14px!important;align-items:center!important}.admin-row-actions form{margin:0}.link-danger{border:0;background:transparent;color:#ff8b8b;font:inherit;font-weight:800;cursor:pointer;padding:0}.link-danger:hover{text-decoration:underline}.image-preview-admin img{max-width:360px;width:100%;height:190px;object-fit:cover;border-radius:18px;border:1px solid rgba(104,220,255,.22);display:block}.admin-box label,.admin-panel label{display:block;color:#e9f6ff;font-weight:800}.admin-box small,.admin-panel small{display:block;color:#9eb4c7;margin:-6px 0 12px}.admin-box a,.admin-panel a{color:#6be0ff;font-weight:800}.admin-box form{display:grid;gap:12px}.admin-box input,.admin-panel input,.admin-panel select,.admin-panel textarea{box-sizing:border-box!important}.success{color:#9dffca!important}.error{color:#ffb4b4!important}.blog-controls{display:flex!important;gap:10px!important;margin-top:18px!important}.blog-dot{width:14px;height:14px;border-radius:999px;border:1px solid rgba(104,220,255,.35);background:rgba(104,220,255,.22);cursor:pointer}.blog-dot.active{width:36px;background:#68dcff;box-shadow:0 0 22px rgba(104,220,255,.55)}
@media(max-width:980px){.v12-lab{grid-template-columns:1fr!important}.v12-lab .lab-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.v12-lab .lab-stage{padding:22px!important}.v12-lab .lab-metrics{grid-template-columns:1fr!important}.v12-lab .lab-cards button{flex:1!important}.admin-box,.admin-panel{width:calc(100% - 20px)!important;margin:18px auto!important;padding:22px!important}.admin-thumb{width:110px;height:70px}}

/* V17 fixes: aligned interactive scope, cleaner admin list, trash restore, separated auth panels */
.v12-lab{grid-template-columns:minmax(360px,.9fr) minmax(560px,1.1fr)!important;gap:56px!important;align-items:center!important}.v12-lab .lab-stage{min-height:470px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:18px!important;align-items:start!important;padding:34px!important;border-radius:32px!important;overflow:hidden!important}.v12-lab .lab-cards{display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;margin:0 0 70px!important;flex-wrap:wrap!important}.v12-lab .lab-cards button{min-width:112px!important;text-align:center!important}.v12-lab .lab-panel{width:100%!important;margin:0!important;min-height:156px!important;padding:28px 30px!important;border-radius:24px!important}.v12-lab .lab-panel strong{font-size:30px!important;line-height:1.15!important}.v12-lab .lab-panel p{max-width:640px!important}.v12-lab .lab-metrics{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0!important}.v12-lab .lab-metrics span{min-height:108px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;padding:20px!important;border-radius:22px!important}.v12-lab .lab-metrics em{font-style:normal!important;font-size:18px!important;color:#fff!important}.v12-lab .gear-decor{right:-64px!important;top:-54px!important;width:250px!important;opacity:.12!important}
.admin-list{display:grid;gap:12px;margin-top:22px}.admin-post-card{display:grid;grid-template-columns:88px 110px minmax(260px,1fr) 96px 120px;gap:18px;align-items:center;padding:16px;border:1px solid rgba(104,220,255,.18);border-radius:20px;background:rgba(255,255,255,.045)}.admin-post-card:hover{background:rgba(104,220,255,.07)}.admin-post-date{color:#fff;font-weight:700}.admin-post-date small{margin:2px 0 0!important;color:#9fb5c7!important}.admin-post-main strong{display:block;color:#fff;font-size:16px;line-height:1.3}.admin-post-main small{display:block;margin:5px 0 0!important;color:#bdd0df!important;line-height:1.4}.admin-thumb{width:110px!important;height:72px!important;object-fit:cover!important;border-radius:14px!important}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border-radius:999px;padding:6px 12px;background:rgba(104,220,255,.1);border:1px solid rgba(104,220,255,.18);font-weight:800;color:#dff8ff}.admin-row-actions{justify-content:flex-end!important}.admin-trash{margin-top:34px;padding-top:26px;border-top:1px solid rgba(104,220,255,.14)}.admin-trash h2{margin:0 0 6px;font-size:28px}.admin-trash-head{display:flex;justify-content:space-between;gap:22px;align-items:end;flex-wrap:wrap}.admin-trash-head p{max-width:560px;margin:0!important}.admin-list.compact .admin-post-card{grid-template-columns:170px 96px minmax(260px,1fr) 120px}.admin-post-card.deleted{opacity:.92}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.settings-card,.admin-code-box{padding:24px;border:1px solid rgba(104,220,255,.18);border-radius:22px;background:rgba(255,255,255,.045)}.settings-card h2{margin:0 0 12px;font-size:26px}.settings-card form,.admin-code-box{display:grid;gap:12px}.settings-card label{display:grid;gap:7px}.small{font-size:14px;color:#a9bfd1}.admin-code-box code{color:#fff;background:rgba(0,0,0,.22);border-radius:8px;padding:2px 6px}
@media(max-width:1060px){.v12-lab{grid-template-columns:1fr!important}.v12-lab .lab-stage{min-height:0!important}.admin-post-card{grid-template-columns:84px 110px minmax(220px,1fr);}.admin-post-card .status-pill,.admin-post-card .admin-row-actions{grid-column:auto}.settings-grid{grid-template-columns:1fr}.admin-list.compact .admin-post-card{grid-template-columns:140px 96px minmax(220px,1fr)}}
@media(max-width:720px){.v12-lab .lab-cards{margin-bottom:18px!important;justify-content:flex-start!important}.v12-lab .lab-metrics{grid-template-columns:1fr 1fr!important}.admin-post-card,.admin-list.compact .admin-post-card{grid-template-columns:1fr!important}.admin-thumb{width:100%!important;height:170px!important}.admin-row-actions{justify-content:flex-start!important}.admin-head{display:block!important}}

/* V18 fixes: stable blog carousel pages, aligned interactive lab, better admin auth UI */
.blog-carousel{position:relative;overflow:hidden!important;padding-bottom:38px!important}
.blog-track{display:flex!important;gap:24px!important;transition:transform .62s cubic-bezier(.22,.8,.22,1), opacity .32s ease!important;will-change:transform;align-items:stretch!important}
.blog-track.is-moving{opacity:.82}
.blog-card-image{flex:0 0 calc((100% - 24px)/2)!important;min-width:calc((100% - 24px)/2)!important;transform:translateZ(0);transition:filter .45s ease, transform .45s ease, opacity .45s ease!important}
.blog-card-image.is-focus{filter:saturate(1.08);transform:translateY(-3px)}
.blog-controls{display:flex!important;gap:10px!important;align-items:center!important;margin-top:20px!important;min-height:18px!important;position:relative!important;z-index:4!important}
.blog-dot{appearance:none;width:15px!important;height:15px!important;border-radius:999px!important;border:1px solid rgba(104,220,255,.5)!important;background:rgba(104,220,255,.20)!important;cursor:pointer!important;padding:0!important;transition:width .28s ease, background .28s ease, box-shadow .28s ease, transform .28s ease!important}
.blog-dot:hover{transform:translateY(-2px)}
.blog-dot.active{width:44px!important;background:#68dcff!important;box-shadow:0 0 24px rgba(104,220,255,.58)!important}
.v12-lab{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(560px,1fr)!important;gap:56px!important;align-items:center!important}
.v12-lab .lab-stage{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:436px!important;padding:32px!important;border-radius:32px!important}
.v12-lab .lab-cards{display:flex!important;gap:14px!important;justify-content:center!important;align-items:stretch!important;margin-top:18px!important}
.v12-lab .lab-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(112px,1fr))!important;gap:14px!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;margin:16px auto 0!important}
.v12-lab .lab-metrics span{min-height:108px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:18px!important;border-radius:22px!important}
.v12-lab .lab-panel{width:100%!important;margin:0!important;padding:28px 30px!important;min-height:156px!important;border-radius:26px!important}
.admin-box.login-card{max-width:560px!important;padding:38px!important;background:linear-gradient(145deg,rgba(5,18,34,.96),rgba(9,35,62,.92))!important}
.login-card-brand{display:flex;gap:18px;align-items:center;margin-bottom:20px}.login-card-brand img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(104,220,255,.32))}.login-card-brand h1{margin:0!important}.login-card form{gap:14px!important}.login-card input{min-height:54px!important}.login-card button{width:100%}
@media(max-width:1060px){.v12-lab{grid-template-columns:1fr!important;gap:28px!important}.blog-card-image{flex-basis:calc((100% - 24px)/2)!important;min-width:calc((100% - 24px)/2)!important}}
@media(max-width:720px){.blog-card-image{flex-basis:100%!important;min-width:100%!important}.v12-lab .lab-metrics{grid-template-columns:1fr 1fr!important}.v12-lab .lab-cards{flex-wrap:wrap!important;justify-content:flex-start!important}.v12-lab .lab-stage{padding:22px!important}}

/* V19 security + single authorization workflow */
.settings-single{max-width:960px!important}.settings-unified{max-width:760px;margin:24px auto 0!important;padding:28px!important}.settings-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;padding:6px;border:1px solid rgba(104,220,255,.18);border-radius:18px;background:rgba(0,0,0,.18)}.settings-tab{border:0;border-radius:14px;min-height:52px;font-weight:950;color:#dff5ff;background:transparent;cursor:pointer;transition:.24s}.settings-tab.active{background:linear-gradient(135deg,var(--blue),#38c4ff);color:#fff;box-shadow:0 12px 34px rgba(20,115,255,.26)}.settings-pane{display:none}.settings-pane.active{display:block}.settings-unified form{display:grid;gap:13px}.settings-unified label{display:grid;gap:7px;font-weight:850;color:#eef9ff}.auth-confirm-box{padding:22px;margin:0 0 24px;border:1px solid rgba(104,220,255,.26);border-radius:20px;background:linear-gradient(145deg,rgba(20,115,255,.10),rgba(104,220,255,.06))}.auth-confirm-box h2{margin:0 0 8px;font-size:24px}.auth-confirm-box .confirm-form{grid-template-columns:1fr auto;align-items:end}.auth-confirm-box .cancel-form{margin-top:12px}.expired-message{margin-top:14px!important;color:#ffb4b4!important;font-weight:850}.admin-box input:focus,.admin-panel input:focus,.admin-panel select:focus,.admin-panel textarea:focus{outline:3px solid rgba(104,220,255,.28);border-color:rgba(104,220,255,.65)}.login-card .admin-note{font-size:14px}.login-card form label{font-weight:850;color:#eef9ff}.login-card input{margin-top:7px!important}.btn:disabled,input:disabled{opacity:.55;cursor:not-allowed}@media(max-width:720px){.auth-confirm-box .confirm-form{grid-template-columns:1fr}.settings-tabs{grid-template-columns:1fr}.settings-unified{padding:20px!important}}

/* V20: authorization confirmation layout fix */
.auth-confirm-box .confirm-form{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 180px!important;
  gap:14px!important;
  align-items:end!important;
}
.auth-confirm-box .confirm-form label{margin:0!important;}
.auth-confirm-box .confirm-form input{height:56px!important;}
.auth-confirm-box .confirm-form .btn{height:56px!important;white-space:nowrap!important;margin:0!important;}
.auth-confirm-box .cancel-form{display:block!important;}
.auth-confirm-box .cancel-form .btn{width:100%!important;}
.settings-unified .settings-pane:not(.active){display:none!important;}
@media(max-width:760px){.auth-confirm-box .confirm-form{grid-template-columns:1fr!important}.auth-confirm-box .confirm-form .btn{width:100%!important}}


/* V21: slower, paged blog carousel with real page navigation */
.blog-carousel{overflow:hidden!important;position:relative!important;}
.blog-track{display:flex!important;gap:24px!important;align-items:stretch!important;transition:transform 1.05s cubic-bezier(.16,.84,.22,1), opacity .42s ease, filter .42s ease!important;will-change:transform,opacity!important;}
.blog-track.is-changing{opacity:.42!important;filter:blur(4px)!important;}
.blog-track.is-settling{opacity:1!important;filter:none!important;}
.blog-card-image{flex:0 0 calc((100% - 24px)/2)!important;min-width:calc((100% - 24px)/2)!important;}
.blog-controls{display:flex!important;gap:12px!important;align-items:center!important;margin-top:24px!important;position:relative!important;z-index:5!important;}
.blog-dot{appearance:none!important;width:16px!important;height:16px!important;border-radius:999px!important;border:1px solid rgba(104,220,255,.55)!important;background:rgba(104,220,255,.20)!important;cursor:pointer!important;padding:0!important;transition:width .45s ease,background .45s ease,box-shadow .45s ease,transform .45s ease!important;}
.blog-dot.active{width:46px!important;background:#68dcff!important;box-shadow:0 0 22px rgba(104,220,255,.55)!important;}
.blog-dot:focus-visible{outline:3px solid rgba(104,220,255,.75)!important;outline-offset:4px!important;}
@media(max-width:720px){.blog-card-image{flex-basis:100%!important;min-width:100%!important;}}


/* v22 carousel fix: render only active page, no empty translated pages */
.v9-blog .blog-carousel{overflow:hidden!important;}
.v9-blog .blog-track{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;transform:none!important;opacity:0;filter:blur(6px);transition:opacity .52s ease,filter .52s ease!important;min-height:470px;}
.v9-blog .blog-track.is-visible{opacity:1;filter:none;}
.v9-blog .blog-track.is-changing{opacity:0;filter:blur(6px);}
.v9-blog .blog-card-image{min-width:0!important;flex:auto!important;width:100%!important;}
.blog-dot{cursor:pointer!important;}
@media(max-width:760px){.v9-blog .blog-track{grid-template-columns:1fr!important;min-height:430px;}}

/* V28: admin alignment, image preview, pagination */
.admin-head-stacked{display:block!important;}
.admin-actions-line{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important;margin:22px 0 26px!important;}
.admin-actions-line .btn{flex:0 0 auto!important;white-space:nowrap!important;}
.admin-list{width:100%!important;}
.admin-post-card{grid-template-columns:96px 116px minmax(280px,1fr) 108px 128px!important;align-items:center!important;overflow:visible!important;}
.admin-thumb-wrap{width:116px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.025);}
.admin-thumb-wrap:empty{display:none;}
.admin-thumb{width:110px!important;height:72px!important;object-fit:cover!important;margin:0!important;}
.admin-row-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:16px!important;white-space:nowrap!important;}
.admin-row-actions form{margin:0!important;display:inline-flex!important;}
.admin-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0 4px;}
.admin-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:14px;border:1px solid rgba(104,220,255,.24);background:rgba(255,255,255,.06);font-weight:900;color:#dff8ff;}
.admin-pagination a.active{background:linear-gradient(135deg,var(--blue),#38c4ff);color:#fff;}
.image-preview-admin{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:20px auto 22px!important;text-align:center!important;}
.image-preview-admin img{max-width:560px!important;width:min(100%,560px)!important;height:auto!important;max-height:320px!important;object-fit:contain!important;margin:0 auto!important;border-radius:18px!important;border:1px solid rgba(104,220,255,.22)!important;background:rgba(255,255,255,.03)!important;}
.image-preview-admin span{display:block;margin-top:10px;color:#bcd5e8;font-weight:800;}
.image-preview-admin.empty{display:none!important;}
@media(max-width:900px){.admin-post-card{grid-template-columns:1fr!important}.admin-thumb-wrap{width:100%;height:auto;justify-content:flex-start}.admin-thumb{width:160px!important;height:96px!important}.admin-row-actions{justify-content:flex-start!important}.admin-actions-line{flex-wrap:wrap!important}}

/* V28: public blog pagination and no-image states */
.blog-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:28px 0 0;}
.blog-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:14px;border:1px solid rgba(104,220,255,.24);background:rgba(255,255,255,.06);font-weight:900;color:#dff8ff;}
.blog-pagination a.active{background:linear-gradient(135deg,var(--blue),#38c4ff);color:#fff;}
.blog-card-image.no-image{background:linear-gradient(135deg,rgba(7,22,40,.9),rgba(10,34,60,.65));min-height:440px;}
.blog-list-card.no-image{grid-template-columns:1fr!important;}
.post-hero.no-image{min-height:360px;background:linear-gradient(135deg,rgba(7,22,40,.9),rgba(10,34,60,.7));}
.v9-blog .blog-track{min-height:470px;}

/* V30 admin/security polish */
.admin-actions-line{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important;overflow:visible!important;margin:22px 0 26px!important;}
.admin-actions-line .btn{flex:0 0 auto!important;white-space:nowrap!important;}
.admin-post-card{grid-template-columns:96px 116px minmax(280px,1fr) 108px 128px!important;align-items:center!important;gap:18px!important;}
.admin-row-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;min-width:120px!important;}
.admin-row-actions form{margin:0!important;display:inline-flex!important;}
.user-row{grid-template-columns:minmax(180px,1fr) 110px 120px minmax(190px,250px) 130px!important;}
.log-list{display:grid;gap:8px;max-height:420px;overflow:auto;padding:12px;border:1px solid rgba(104,220,255,.18);border-radius:18px;background:rgba(0,0,0,.15)}
.log-list code{display:block;white-space:pre-wrap;color:#cdefff;background:rgba(255,255,255,.04);padding:8px 10px;border-radius:10px}
.image-preview-admin{max-width:640px!important;margin:22px auto!important;}
.image-preview-admin img[src=""]{display:none!important;}
@media(max-width:900px){.admin-post-card,.user-row{grid-template-columns:1fr!important}.admin-row-actions{justify-content:flex-start!important}.admin-actions-line{flex-wrap:wrap!important}}

/* V32 stats/security cleanup */
.stats-grid-clean{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:24px 0 28px!important;}
.stats-grid-clean article{padding:20px!important;border:1px solid rgba(104,220,255,.18)!important;border-radius:20px!important;background:rgba(255,255,255,.045)!important;display:grid!important;gap:5px!important;}
.stats-grid-clean strong{font-size:34px!important;line-height:1!important;color:#fff!important;}
.stats-grid-clean span{color:#78e2ff!important;font-weight:900!important;}
.stats-chart{height:220px;display:flex;align-items:end;gap:10px;padding:18px;border:1px solid rgba(104,220,255,.18);border-radius:20px;background:rgba(255,255,255,.035);overflow-x:auto;}
.chart-day{min-width:56px;height:100%;display:grid;grid-template-rows:1fr auto;gap:8px;align-items:end;text-align:center;color:#bcd3e4;font-size:12px;}
.bars{height:170px;display:flex;align-items:end;justify-content:center;gap:5px;}
.bar{display:block;width:14px;min-height:4px;border-radius:8px 8px 0 0;box-shadow:0 0 18px rgba(104,220,255,.18);}
.bar.views,.legend.views{background:linear-gradient(180deg,#38c4ff,#2186ff);}
.bar.clicks,.legend.clicks{background:linear-gradient(180deg,#a8ff78,#39d98a);}
.legend{display:inline-block;width:12px;height:12px;border-radius:999px;margin:0 6px 0 14px;vertical-align:-1px;}
.log-list{display:grid!important;gap:8px!important;}
.log-list code{display:block!important;white-space:normal!important;padding:12px 14px!important;border:1px solid rgba(104,220,255,.14)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;color:#dff5ff!important;}
.login-card .success.admin-note + .error.admin-note{margin-top:12px!important;}
.login-card .error.admin-note{border-color:rgba(255,120,120,.3)!important;background:rgba(255,70,70,.08)!important;}
@media(max-width:720px){.stats-grid-clean{grid-template-columns:1fr!important}.stats-chart{height:200px}.chart-day{min-width:48px}}

/* V33 auth/stats/editor fixes */
.confirm-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:end!important;}
.confirm-form label{margin:0!important;}
.confirm-form .btn{height:56px!important;white-space:nowrap!important;}
@media(max-width:720px){.confirm-form{grid-template-columns:1fr!important}.confirm-form .btn{width:100%!important}}
.image-preview-admin{max-width:560px!important;margin:22px auto!important;text-align:center!important;display:grid!important;gap:12px!important;justify-items:center!important;}
.image-preview-admin img{max-width:100%!important;max-height:260px!important;object-fit:contain!important;border-radius:18px!important;}
.image-preview-admin.empty{display:none!important;}


/* v34 login / 2FA alignment */
.login-card .login-card-brand{align-items:center}
.login-card .login-card-brand p{margin:.25rem 0 0;color:#c8d9ea;font-size:16px}
.auth-confirm-box{margin-top:18px}
.auth-code-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.auth-code-row .auth-code-field{margin:0!important;min-width:0}
.auth-code-row .auth-code-field input{width:100%}
.auth-code-row .auth-code-btn{height:56px;min-width:190px;white-space:nowrap}
.cancel-form{margin-top:12px}
@media (max-width:720px){
  .auth-code-row{grid-template-columns:1fr}
  .auth-code-row .auth-code-btn{width:100%;min-width:0}
}


/* v35 2FA layout fix */
.auth-code-form {
  width: 100%;
  margin-top: 16px;
}

.auth-code-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 12px !important;
  width: 100% !important;
}

.auth-code-field {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
}

.auth-code-field label {
  margin: 0 !important;
  color: #d8e8f7 !important;
  font-weight: 800 !important;
}

.auth-code-field input {
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  line-height: 56px !important;
}

.auth-code-btn {
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 22px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.auth-code-field input:focus {
  border-color: #68dcff !important;
  box-shadow: 0 0 0 3px rgba(104,220,255,.18) !important;
}

@media (max-width: 720px) {
  .auth-code-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .auth-code-btn {
    width: 100% !important;
  }
}


/* v37 OTP alignment FIX (no width changes) */
.auth-code-row{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.auth-code-field{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.auth-code-btn{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:22px;
}

/* v38 OTP visual width + language switcher PL/EN/DE */
.login-card{max-width:560px!important;}
.auth-confirm-box{border:1px solid rgba(104,220,255,.28);background:linear-gradient(135deg,rgba(9,31,55,.88),rgba(5,18,34,.9));border-radius:26px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.03);}
.auth-code-row{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(210px,auto)!important;gap:14px!important;align-items:end!important;width:100%!important;}
.auth-code-field{display:grid!important;gap:8px!important;min-width:0!important;}
.auth-code-field input{height:62px!important;min-height:62px!important;border-radius:18px!important;padding:0 20px!important;font-size:18px!important;letter-spacing:.08em!important;text-align:center!important;}
.auth-code-btn{height:62px!important;min-height:62px!important;margin:0!important;padding:0 24px!important;border-radius:18px!important;}
.cancel-form .btn{width:100%!important;justify-content:center!important;}
@media(max-width:720px){.auth-confirm-box{padding:18px}.auth-code-row{grid-template-columns:1fr!important}.auth-code-field input{text-align:left!important}.auth-code-btn{width:100%!important}}

.lang-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;outline:0;}
.lang-current{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;font-weight:1000;color:#fff;background:radial-gradient(circle at 28% 20%,rgba(104,220,255,.36),rgba(20,115,255,.24) 44%,rgba(3,12,24,.92));border:1px solid rgba(104,220,255,.38);box-shadow:0 0 22px rgba(104,220,255,.18),inset 0 0 18px rgba(104,220,255,.08);transition:.25s ease;}
.lang-switch:hover .lang-current,.lang-switch:focus-within .lang-current{transform:scale(.96);box-shadow:0 0 30px rgba(104,220,255,.34),inset 0 0 18px rgba(104,220,255,.12);}
.lang-options{position:absolute;right:0;top:50%;transform:translate(10px,-50%) scaleX(.84);transform-origin:right center;display:flex;gap:8px;padding:8px 58px 8px 10px;border:1px solid rgba(104,220,255,.26);border-radius:999px;background:rgba(2,9,18,.88);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.34);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s ease;z-index:-1;}
.lang-switch:hover .lang-options,.lang-switch:focus-within .lang-options{opacity:1;pointer-events:auto;transform:translate(0,-50%) scaleX(1);}
.lang-option{width:42px;height:42px!important;padding:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:13px;font-weight:1000;color:#d8eaff!important;background:rgba(255,255,255,.055);border:1px solid rgba(104,220,255,.12);}
.lang-option:hover,.lang-option.active{background:linear-gradient(135deg,#1473ff,#38c4ff)!important;color:#fff!important;transform:translateY(-1px)!important;}
@media(max-width:720px){.lang-switch{justify-content:flex-start}.lang-options{left:0;right:auto;top:0;transform:translate(50px,0) scaleX(.9);padding:4px 8px}.lang-switch:hover .lang-options,.lang-switch:focus-within .lang-options{transform:translate(54px,0) scaleX(1)}}

/* v39 OTP Y-axis final alignment + DE copy support */
.auth-code-row{
  align-items:start!important;
}
.auth-code-field label{
  min-height:24px!important;
  line-height:24px!important;
}
.auth-code-field input{
  box-sizing:border-box!important;
  display:block!important;
  line-height:62px!important;
}
.auth-code-btn{
  box-sizing:border-box!important;
  align-self:start!important;
  margin-top:32px!important;
  line-height:1!important;
  transform:none!important;
}
@media(max-width:720px){
  .auth-code-btn{margin-top:0!important;}
}

/* v40 final OTP Y alignment - input and submit button share one baseline */
.login-card .auth-code-form{width:100%!important;margin-top:16px!important;}
.login-card .auth-code-row{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) minmax(210px,auto)!important;
  gap:14px!important;
  align-items:end!important;
  width:100%!important;
}
.login-card .auth-code-field{
  display:grid!important;
  grid-template-rows:24px 62px!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
}
.login-card .auth-code-field label{
  display:flex!important;
  align-items:center!important;
  min-height:24px!important;
  line-height:24px!important;
  margin:0!important;
}
.login-card .auth-code-field input{
  height:62px!important;
  min-height:62px!important;
  line-height:62px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.login-card .auth-code-btn{
  height:62px!important;
  min-height:62px!important;
  align-self:end!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
@media(max-width:720px){
  .login-card .auth-code-row{grid-template-columns:1fr!important;}
  .login-card .auth-code-btn{width:100%!important;margin-top:0!important;}
}


/* v45 mobile cleanup: hide Google Translate injected UI + prevent mobile overflow */
html.translated-ltr, html.translated-rtl { margin-top: 0 !important; }
body { top: 0 !important; }
.goog-te-banner-frame, .goog-te-balloon-frame, #goog-gt-tt, .skiptranslate, iframe.skiptranslate {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}
.online-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:8px;vertical-align:middle;background:#7c8796;box-shadow:0 0 0 3px rgba(124,135,150,.16)}
.online-dot.online{background:#18e58a;box-shadow:0 0 0 3px rgba(24,229,138,.16),0 0 18px rgba(24,229,138,.35)}
.online-dot.offline{background:#7c8796}
.live-page-list{display:grid;gap:10px}.live-page-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(104,220,255,.18);border-radius:16px;background:rgba(255,255,255,.035)}.live-page-row strong{overflow-wrap:anywhere}.live-count{min-width:42px;height:32px;border-radius:999px;display:grid;place-items:center;background:rgba(24,229,138,.14);color:#cffff0;font-weight:1000;border:1px solid rgba(24,229,138,.22)}
@media(max-width:720px){
  html,body{overflow-x:hidden!important;max-width:100%!important;}
  .hero-panel{grid-template-columns:82px minmax(0,1fr)!important;overflow:hidden!important;}
  .hero-panel div,.hero-panel span,.hero-panel strong{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;}
  .hero-panel strong{font-size:clamp(18px,5.8vw,25px)!important;line-height:1.12!important;}
  .hero-panel span{display:block!important;font-size:clamp(13px,4.2vw,17px)!important;line-height:1.25!important;}
  .tech-grid strong,.hardware-card strong,.hardware-card p,.service-list span{overflow-wrap:anywhere!important;}
  .admin-post-card.user-row{align-items:start!important;}
}

/* v51: clean password OTP screen + first safe public messenger widget */
.password-only-settings .admin-head{align-items:flex-start;gap:22px}.password-auth-card{max-width:760px!important;margin:26px auto 0!important}.password-auth-card h2{margin:0 0 10px;font-size:clamp(24px,3vw,32px)}.password-auth-card p{margin:0 0 18px}.password-change-form{display:grid!important;gap:14px}.password-change-form .btn{justify-self:start;min-width:260px}.login-like-otp{padding:28px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(7,29,52,.96),rgba(5,18,34,.94))!important;border:1px solid rgba(104,220,255,.32)!important;box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.035)!important}.otp-mail-note{margin:18px 0!important}.auth-code-row{display:grid!important;grid-template-columns:minmax(220px,1fr) auto!important;gap:14px!important;align-items:end!important}.auth-code-field{margin:0!important}.auth-code-field input{height:62px!important;border-radius:18px!important;font-size:20px!important;font-weight:900!important;letter-spacing:.06em!important}.auth-code-btn{height:62px!important;min-width:210px!important;margin:0!important;white-space:nowrap!important}.login-like-otp .cancel-form{margin-top:12px!important}.login-like-otp .cancel-form .btn{width:100%!important}.settings-tabs,[data-auth-tab="login"],[data-auth-pane="login"]{display:none!important}.admin-note strong{color:#fff}.password-pane-clean{display:block!important}.password-pane-clean form label{font-weight:850;color:#eef9ff}@media(max-width:720px){.password-only-settings{padding:22px!important}.password-auth-card{padding:20px!important}.auth-code-row{grid-template-columns:1fr!important}.auth-code-btn,.password-change-form .btn{width:100%!important;min-width:0!important}.auth-code-field input{font-size:18px!important;text-align:left!important}}

.nc-public-chat-launcher{position:fixed;right:22px;bottom:22px;z-index:99980;border:1px solid rgba(104,220,255,.38);background:linear-gradient(135deg,#188bff,#45d4ff);color:#fff;border-radius:999px;padding:13px 18px;font-weight:950;box-shadow:0 18px 45px rgba(0,0,0,.38);cursor:pointer;display:flex;align-items:center;gap:10px}.nc-public-chat-launcher::before{content:'✦';display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18)}.nc-public-chat{position:fixed;right:22px;bottom:84px;width:min(360px,calc(100vw - 28px));height:520px;max-height:calc(100vh - 120px);z-index:99981;border-radius:22px;overflow:hidden;border:1px solid rgba(104,220,255,.32);background:#061426;box-shadow:0 28px 90px rgba(0,0,0,.55);display:none;color:#fff}.nc-public-chat.open{display:grid;grid-template-rows:auto 1fr auto}.nc-public-chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,rgba(24,139,255,.62),rgba(69,212,255,.22));border-bottom:1px solid rgba(255,255,255,.08)}.nc-public-chat-avatar{width:42px;height:42px;border-radius:50%;background:url('/assets/img/logo.png') center/cover no-repeat,rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}.nc-public-chat-title{display:grid;line-height:1.2}.nc-public-chat-title strong{font-size:15px}.nc-public-chat-title span{font-size:12px;color:#bff5ff}.nc-public-chat-close{margin-left:auto;border:0;border-radius:12px;background:rgba(0,0,0,.25);color:#fff;width:34px;height:34px;font-size:20px;cursor:pointer}.nc-public-chat-body{padding:16px;background:radial-gradient(circle at 80% 0,rgba(24,139,255,.16),transparent 35%),#071727;overflow:auto}.nc-public-bubble{max-width:82%;padding:11px 13px;border-radius:16px;margin:0 0 10px;line-height:1.35;font-size:14px}.nc-public-bubble.bot{background:#17243a;border-top-left-radius:6px}.nc-public-bubble.user{margin-left:auto;background:#257cff;border-top-right-radius:6px}.nc-public-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;background:#071727;border-top:1px solid rgba(255,255,255,.08)}.nc-public-chat-form input{width:100%;border:1px solid rgba(104,220,255,.2);border-radius:999px;background:#eaf7ff;color:#061426;padding:12px 14px}.nc-public-chat-form button{border:0;border-radius:999px;background:linear-gradient(135deg,#188bff,#45d4ff);color:#fff;font-weight:900;padding:0 16px;cursor:pointer}@media(max-width:720px){.nc-public-chat-launcher{right:14px;bottom:14px}.nc-public-chat{right:14px;bottom:74px;height:460px}}