@font-face{font-family:'FontAwesome';src:url(../fonts/fontawesome-webfont862f.woff) format('woff');font-weight:normal;font-style:normal;font-display:block}
/* fonturi proprii (fără Google Fonts) */
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/chakra-petch-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/chakra-petch-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/chakra-petch-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/chakra-petch-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/chakra-petch-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/chakra-petch-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:rgb(var(--k1,6,15,29));font-family:'IBM Plex Sans',system-ui,sans-serif;color:#e8f1ff}
a{color:rgb(var(--k2,111,216,255))}a:hover{color:#fff}
img{max-width:100%}
h1,h2,h3{font-family:'Chakra Petch',sans-serif;color:#fff;margin:0}
p{margin:0}
.fa{font-family:'FontAwesome';font-style:normal;font-weight:normal;line-height:1;display:inline-block}
.muted{color:rgb(var(--k3,155,176,207))}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.center{text-align:center}
.px{image-rendering:pixelated;image-rendering:crisp-edges}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:'Chakra Petch',sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;min-height:44px;padding:0 22px;border:0;cursor:pointer;font-size:14px;color:inherit}
.btn:hover{filter:brightness(1.15)}
.hb{transition:background .25s,color .25s,transform .25s}
.hb:hover{background:#fff !important;color:rgb(var(--k4,6,48,106)) !important;filter:none;transform:translateY(-2px)}
.btn-blue{background:rgb(var(--k5,0,115,230));color:#fff}.btn-blue:hover{color:#fff}
.btn-white{background:#fff;color:rgb(var(--k4,6,48,106));border-radius:8px}.btn-white:hover{color:rgb(var(--k4,6,48,106))}

/* hero */
.hero{background:linear-gradient(180deg,rgba(var(--k1,6,15,29),.1) 0%,rgba(var(--k1,6,15,29),.05) 60%,rgb(var(--k1,6,15,29)) 100%),url(../img/by-Barlapv3.webp) center top/cover no-repeat,url(data:image/webp;base64,UklGRkgBAABXRUJQVlA4IDwBAACwBwCdASowABsAPs1UokynpKMiOrZoAPAZiWQApd/MSIHRwnUe5ERVrXrAIVW6fZnBaIvKpgDk3y7fdshQwZl2hd7N/kgQAP73ucBO5XBGK/HIfcLf6dN2ivAuDoC24A4gTI3OQdLqzzcUqt7cngFftyQ3iV0ZNIwte8AGdB1Wsb8wwZZPZyWrBAkkXCdfQl8rL6URYLD0znfEyVcqHPbnYxlrl+iNIGMJzMXZ38z6GD/ex/tCwHV54fAS4TdLJ+pU1F32k3CEPLDklgZSZCl68KV+gO/uWSZTCaeK4lux2IY8gDLxzQNyUpHxSss4Z74FFzNLW5TAs8W7KLwMyNd+C2ev7ayvBs2gEinA7yOrL+t8ovml0GCWcMfKXL2n71jxIFf/N224RZN9lLmY7HhzKY8NeZOSqMhMIgAA) center top/cover no-repeat rgb(var(--k1,6,15,29));padding-bottom:64px;min-height:max(860px,100vh)}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:18px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
.brand img{width:44px;height:44px}
.brand span{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:20px;letter-spacing:.06em;color:#fff}
.brand b{color:rgb(var(--k2,111,216,255))}
.navlink{color:#e8f1ff;text-decoration:none;font-size:14px;font-weight:500;padding:10px 12px}
.navlink:hover{color:rgb(var(--k2,111,216,255))}
.hero-body{text-align:center;padding:clamp(90px,14vh,170px) 0 8px}
.hero-logo{width:124px;height:124px;filter:drop-shadow(0 8px 24px rgba(var(--k5,0,115,230),.6))}
.hero h1{margin:10px 0 0;font-weight:700;font-size:clamp(40px,6vw,76px);letter-spacing:.02em;text-shadow:0 0 28px rgba(var(--k2,111,216,255),.55)}
.tag{margin:6px 0 0;font-family:'Chakra Petch',sans-serif;font-size:18px;letter-spacing:.32em;text-transform:uppercase;color:rgb(var(--k6,191,233,255))}

/* despre noi */
.about{display:flex;flex-wrap:wrap;gap:32px;align-items:center;padding-top:24px;padding-bottom:16px}
.about-txt{flex:1 1 360px}
.about h2{font-weight:700;font-size:34px}
.about p{margin:12px 0 0;font-size:16px;line-height:1.65;color:rgb(var(--k7,196,214,241))}
.feats{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:16px}
.feats li{display:flex;gap:14px;align-items:flex-start}
.feats .ic{flex:0 0 40px;height:40px;border-radius:10px;background:rgb(var(--k8,18,41,76));border:1px solid rgb(var(--k9,40,70,111));display:flex;align-items:center;justify-content:center;color:rgb(var(--k2,111,216,255));font-size:18px}
.feats b{display:block;font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:17px;color:#fff}
.feats div span{display:block;font-size:14px;line-height:1.5;color:rgb(var(--k10,180,198,227));margin-top:2px}
.about-gif{flex:1 1 420px;display:block}

/* servere */
#servere{padding-top:48px;padding-bottom:16px}
.hl{color:rgb(var(--k2,111,216,255));font-weight:600}
.srv-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.srv-head h2{display:flex;align-items:center;gap:12px;font-weight:700;font-size:24px}
.srv-head .ln{flex:1 1 40px;height:1px}
.srv-head .l{background:linear-gradient(90deg,transparent,rgb(var(--k11,42,91,168)))}
.srv-head .r{background:linear-gradient(90deg,rgb(var(--k11,42,91,168)),transparent)}
.ring{position:relative;display:inline-flex;width:26px;height:26px;flex:0 0 auto}
.ring svg{display:block;transform:rotate(-90deg)}
@keyframes cdr{from{stroke-dashoffset:0}to{stroke-dashoffset:-88}}
@keyframes cdc{0%,49.9%{stroke:#3ddc97}50%,83.2%{stroke:#ffb454}83.3%,100%{stroke:#ff5a5f}}
.cdr{stroke-dasharray:88;animation:cdr var(--rf,60s) linear infinite,cdc var(--rf,60s) linear infinite}
@keyframes lvp{0%{box-shadow:0 0 0 0 rgba(61,220,151,.6)}70%,100%{box-shadow:0 0 0 9px rgba(61,220,151,0)}}
.lvd{width:9px;height:9px;border-radius:50%;background:#3ddc97;animation:lvp 2.4s ease-out infinite;display:inline-block;flex:0 0 auto}
.live{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 8px;border-radius:999px;background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.45);font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#3ddc97}
.live .lvd{width:7px;height:7px}

/* rezumat: casetă număr | grafic | statistici */
.sum{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-bottom:20px;background:rgb(var(--k12,11,26,48));border:1px solid rgb(var(--k13,29,53,88));border-radius:14px;padding:12px 20px}
.numbox{flex:0 0 auto;display:flex;align-items:center;gap:10px;width:172px;padding:8px 12px 8px 8px;background:rgb(var(--k14,7,16,31));border:1px solid rgb(var(--k15,23,48,90));border-radius:12px}
.nb-ic{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,rgb(var(--k5,0,115,230)),rgb(var(--k16,47,147,255)));display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px rgba(var(--k5,0,115,230),.45);color:#fff;font-size:19px}
.nb-n{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:32px;color:#fff;line-height:1}
.nb-l{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--k2,111,216,255));margin-top:3px;white-space:nowrap}
.chartwrap{flex:1 1 320px;min-width:0;display:flex;gap:6px}
.yax{width:26px;flex:0 0 26px;height:64px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;font:9px/9px 'IBM Plex Mono',monospace;color:rgb(var(--k17,129,151,184))}
.plot{flex:1;min-width:0}
.plot-area{position:relative;height:64px}
.plot-area i{position:absolute;left:0;right:0}
.g1{top:0;border-top:1px dashed rgb(var(--k18,29,58,102))}.g2{top:50%;border-top:1px dashed rgb(var(--k15,23,48,90))}.g3{bottom:0;border-top:1px solid rgb(var(--k18,29,58,102))}
.bars{position:absolute;inset:0;display:flex;align-items:flex-end;gap:3px}
.bars b{flex:1;border-radius:3px 3px 0 0;min-height:2px}
.blabs{display:flex;gap:3px;margin-top:3px}
.blabs span{flex:1;min-width:0;text-align:center;font:9px/11px 'IBM Plex Mono',monospace;color:rgb(var(--k17,129,151,184));white-space:nowrap}
.stats{flex:0 0 auto;width:138px;background:rgb(var(--k14,7,16,31));border:1px solid rgb(var(--k15,23,48,90));border-radius:8px;overflow:hidden}
.st-r{display:flex;align-items:center;gap:7px;height:23px;padding:0 10px 0 8px;border-left:3px solid var(--k)}
.st-r+.st-r{border-top:1px solid rgb(var(--k15,23,48,90))}
.st-r span{font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--k)}
.st-r b{margin-left:auto;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:15px;color:#fff}

.table-box{background:rgb(var(--k12,11,26,48));border:1px solid rgb(var(--k13,29,53,88));border-radius:14px;overflow:hidden}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid rgb(var(--k13,29,53,88))}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:600 13px 'IBM Plex Sans',sans-serif;padding:7px 14px;border-radius:999px;border:1px solid rgb(var(--k9,40,70,111));background:transparent;color:rgb(var(--k19,201,217,242));cursor:pointer}
.chip:hover{border-color:rgb(var(--k2,111,216,255))}
.chip.on{background:rgb(var(--k5,0,115,230));border-color:rgb(var(--k5,0,115,230));color:#fff}
.updated{margin-left:auto;display:inline-flex;align-items:center;font-size:13px;color:rgb(var(--k3,155,176,207))}
.seg{display:inline-flex;align-items:stretch;border:1px solid rgb(var(--k9,40,70,111));border-radius:10px;overflow:hidden}
.tog{font:600 13px 'IBM Plex Sans',sans-serif;min-height:40px;padding:0 16px;cursor:pointer;border:0;background:transparent;color:rgb(var(--k19,201,217,242))}
.tog+.tog{border-left:0}
.tog.on{background:rgb(var(--k5,0,115,230));color:#fff}
.scroll{overflow-x:auto}
.tbl{min-width:1130px}
.srow{display:grid;grid-template-columns:28px minmax(190px,2fr) 44px 168px minmax(150px,1.4fr) 200px 104px 128px;gap:16px;align-items:center;padding:12px 24px;border-bottom:1px solid rgb(var(--k20,20,40,74))}
.shead{padding:10px 24px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--k3,155,176,207));border-bottom:1px solid rgb(var(--k13,29,53,88))}
.srow:not(.shead):hover{background:rgb(var(--k21,15,35,64))}
.srow.off{opacity:.7}
.srow img.st{display:block}
.srv{min-width:0}
.sname{font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:17px;color:#fff}
.ipbox{display:flex;align-items:center;justify-content:space-between;gap:8px;width:192px;margin-top:5px;padding:2px 3px 2px 10px;background:rgb(var(--k22,5,12,24));border:1px solid rgb(var(--k15,23,48,90));border-radius:6px;font:12px 'IBM Plex Mono',monospace;color:rgb(var(--k3,155,176,207))}
.cp{font-family:'FontAwesome';width:26px;height:24px;border:0;border-radius:4px;background:rgb(var(--k8,18,41,76));color:rgb(var(--k2,111,216,255));font-size:12px;cursor:pointer}
.cp:hover{background:rgb(var(--k5,0,115,230));color:#fff}
.gtile{width:40px;height:40px;border-radius:10px;background:rgb(var(--k8,18,41,76));display:flex;align-items:center;justify-content:center}
.gtile img{display:block;border-radius:3px}
.c{font-family:'IBM Plex Mono',monospace;font-size:13px;color:rgb(var(--k19,201,217,242));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cnt{font-family:'IBM Plex Mono',monospace;font-size:13px;margin-bottom:6px;color:#e8f1ff}
.off .cnt{color:#ff8a8e}
.bar{height:6px;border-radius:3px;background:rgb(var(--k15,23,48,90));overflow:hidden}
.bar i{display:block;height:6px;border-radius:3px;background:rgb(var(--k16,47,147,255))}
.bar i.hot{background:rgb(var(--k2,111,216,255))}
.spark{display:block;width:200px;height:36px}
.ping{display:inline-flex;align-items:center;gap:9px;font:13px 'IBM Plex Mono',monospace}
.sig{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.sig i{display:block;width:4px;border-radius:1px;transform-origin:bottom;background:rgb(var(--k15,23,48,90))}
.sig i:nth-child(1){height:5px}.sig i:nth-child(2){height:8px}.sig i:nth-child(3){height:11px}.sig i:nth-child(4){height:14px}
.sig.a1 i:nth-child(-n+1),.sig.a2 i:nth-child(-n+2),.sig.a3 i:nth-child(-n+3),.sig.a4 i:nth-child(-n+4){background:var(--p);animation:sigp 1.8s ease-in-out infinite}
.sig i:nth-child(2){animation-delay:.15s}.sig i:nth-child(3){animation-delay:.3s}.sig i:nth-child(4){animation-delay:.45s}
@keyframes sigp{0%,100%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5);opacity:.65}}
.cbtn{border-radius:8px;font-size:13px;padding:0 14px;background:rgb(var(--k5,0,115,230));color:#fff;width:100%}
.cbtn:hover{color:#fff}
.cbtn.dis{background:rgb(var(--k15,23,48,90));color:rgb(var(--k3,155,176,207));cursor:default;filter:none}
.msg{padding:28px 24px;color:rgb(var(--k3,155,176,207));font-size:14px}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:12px 24px;font-size:12px;color:rgb(var(--k3,155,176,207));border-top:1px solid rgb(var(--k13,29,53,88))}
.legend span{display:inline-flex;align-items:center;gap:7px}

/* afiliere */
.affil{margin-top:20px;background:linear-gradient(120deg,rgb(var(--k23,10,74,160)) 0%,rgb(var(--k24,11,42,88)) 60%,rgb(var(--k12,11,26,48)) 100%);border:1px solid rgb(var(--k25,31,77,143));border-radius:16px;padding:28px;display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center}
.affil-main{flex:1 1 320px}
.affil h3{font-weight:700;font-size:28px;margin-bottom:8px}
.affil p{font-size:15px;line-height:1.55;color:#d3e3fb;margin-bottom:16px}
.affil-tiles{flex:2 1 520px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.tile{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;text-decoration:none;background:rgba(var(--k1,6,15,29),.5);border:1px solid rgb(var(--k26,42,81,137));border-radius:12px;padding:16px;color:inherit}
a.tile:hover{border-color:rgb(var(--k2,111,216,255));color:inherit}
.tile b{grid-column:2;grid-row:1;text-align:left}.tile span{grid-column:2;grid-row:2;text-align:left}
.tile .fa{grid-column:1;grid-row:1/span2;width:30px;text-align:center;font-size:24px;color:rgb(var(--k2,111,216,255))}
.tile b{display:block;font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:18px;color:#fff;margin:0 0 3px}
.tile span{display:block;font-size:13px;line-height:1.5;color:rgb(var(--k7,196,214,241))}

/* unelte developeri */
.tools{padding-top:56px;padding-bottom:16px}
.tools h2{font-weight:700;font-size:34px}
.lead{margin:6px auto 38px;max-width:720px;font-size:15px;line-height:1.6;color:rgb(var(--k3,155,176,207));text-align:center}
.tool{display:flex;flex-wrap:wrap;gap:28px 48px;align-items:center;margin-bottom:44px}
.tool:nth-child(even){flex-direction:row-reverse}
.tool-txt{flex:1 1 340px;min-width:0}
.tool-vid{flex:1 1 440px;min-width:0}
.ttag{display:inline-flex;align-items:center;gap:8px;font:12px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--k2,111,216,255))}
.ttag .fa{font-size:14px}
.tool h3{margin:10px 0;font-weight:700;font-size:30px;letter-spacing:.02em}
.tool p{margin:0 0 20px;font-size:16px;line-height:1.65;color:rgb(var(--k7,196,214,241))}
.tool .btn{border-radius:8px}
.vid{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid rgb(var(--k13,29,53,88));background:rgb(var(--k22,5,12,24));box-shadow:0 16px 40px rgba(0,0,0,.45)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* staff */
#staff{padding-top:56px;padding-bottom:16px}
#staff h2,.social-sec h2{font-weight:700;font-size:34px}
.sub{margin:6px 0 34px;font-size:15px;color:rgb(var(--k3,155,176,207))}
.staff{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,200px));justify-content:center;gap:44px;margin:0 auto}
.member{margin:0}
.fr2{position:relative;padding:8px}
.cn{position:absolute;width:16px;height:16px;border:0 solid rgb(var(--k2,111,216,255));transition:all .3s ease;z-index:2}
.tl{top:0;left:0;border-top-width:2px;border-left-width:2px}
.tr{top:0;right:0;border-top-width:2px;border-right-width:2px}
.bl{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}
.br{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}
.fr2:hover .cn{width:26px;height:26px;border-color:#fff}
.ph{position:relative;aspect-ratio:3/5;overflow:hidden;background:rgb(var(--k12,11,26,48));transition:filter .3s}
.fr2:hover .ph{filter:brightness(1.15)}
.ph svg{display:block;width:100%;height:100%}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.member figcaption{text-align:center;padding:12px 8px 0}
.member b.nm{display:block;font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:20px;color:#fff}
.member .qt{display:block;font-size:12.5px;line-height:1.5;color:rgb(var(--k10,180,198,227));margin-top:8px}
.bar2{display:flex;align-items:center;gap:8px;margin:12px 2px 0;font:11px 'IBM Plex Mono',monospace;color:rgb(var(--k3,155,176,207))}
.bar2 .yr{color:#fff;font-weight:600}
.trk{position:relative;flex:1;height:14px}
.trk .base{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:rgb(var(--k8,18,41,76))}
.trk .fill{position:absolute;top:50%;height:4px;margin-top:-2px;border-radius:4px}
.trk .d0{position:absolute;top:50%;margin:-4.5px 0 0 -4.5px;width:9px;height:9px;border-radius:50%;background:rgb(var(--k2,111,216,255));box-shadow:0 0 0 3px rgba(var(--k2,111,216,255),.2)}
.tt{position:absolute;top:50%;width:21px;height:21px;margin:-10.5px 0 0 -10.5px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:0;border-radius:50%}
.tt:focus-visible{box-shadow:0 0 0 2px rgb(var(--k2,111,216,255))}
.tt .dd{width:9px;height:9px;border-radius:50%;display:block}
.tt .dd.off{background:rgb(var(--k17,129,151,184));box-shadow:0 0 0 3px rgba(var(--k17,129,151,184),.22)}
.tp{position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 0;z-index:5;white-space:nowrap;padding:6px 10px;border-radius:8px;background:rgb(var(--k14,7,16,31));border:1px solid rgb(var(--k11,42,91,168));box-shadow:0 8px 20px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none;text-align:left}
.tp.rt{left:auto;right:-6px;translate:none}
.tp i{display:block;font:600 10.5px 'IBM Plex Mono',monospace;letter-spacing:.12em;font-style:normal}
.tp em{display:block;font:12px 'IBM Plex Mono',monospace;color:#fff;margin-top:2px;font-style:normal}
.tt:hover .tp,.tt:focus .tp{opacity:1;visibility:visible;transform:none}

/* social: brand fill, pătratul se rotește și devine cerc */
.social-sec{padding-top:56px;padding-bottom:8px;text-align:center}
.social{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}
.s2{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:#e8f1ff;font-size:13px;font-weight:600}
.s2 .sq{position:relative;overflow:hidden;width:92px;height:92px;display:flex;align-items:center;justify-content:center;font-size:38px;color:#e8f1ff;background:rgb(var(--k12,11,26,48));border:1px solid rgb(var(--k9,40,70,111));border-radius:14px;transition:transform .6s ease,border-radius .6s ease,border-color .6s,color .6s}
.s2 .sq::before{content:'';position:absolute;inset:0;background:var(--c);border-radius:50%;transform:scale(0);transition:transform .6s ease}
.s2 .sq i{position:relative}
.s2:hover,.s2:focus-visible{color:#fff}
.s2:hover .sq,.s2:focus-visible .sq{transform:rotate(360deg);border-radius:50%;border-color:var(--c);color:#fff}
.s2:hover .sq::before,.s2:focus-visible .sq::before{transform:scale(1.5)}

/* footer */
.footer{margin-top:56px;border-top:1px solid rgb(var(--k13,29,53,88));background:rgb(var(--k22,5,12,24))}
.foot{padding-top:30px;padding-bottom:26px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;font-size:13px;color:rgb(var(--k3,155,176,207))}
.foot a{text-decoration:none}
.fline{display:flex;align-items:center;gap:18px;width:min(520px,90%)}
.fline span{flex:1;height:1px}
.fline .l1{background:linear-gradient(90deg,transparent,rgb(var(--k11,42,91,168)))}.fline .l2{background:linear-gradient(90deg,rgb(var(--k11,42,91,168)),transparent)}
.fline img{display:block}
.fcr{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.btt{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid rgb(var(--k9,40,70,111));background:rgba(var(--k8,18,41,76),.5);color:rgb(var(--k2,111,216,255));text-decoration:none;transition:background .25s,border-color .25s,color .25s,transform .25s}
.btt i{font-size:17px;transition:transform .3s cubic-bezier(.34,1.8,.64,1)}
.btt:hover{background:rgb(var(--k5,0,115,230));border-color:rgb(var(--k5,0,115,230));color:#fff;transform:translateY(-2px)}.btt:hover i{transform:translateY(-2px)}

/* scrollbar subtire cu degrade (Chrome/Edge/Safari). scrollbar-color se aplica doar unde ::-webkit-scrollbar nu exista (Firefox), altfel Chrome ignora degradeul */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:rgb(var(--k12,11,26,48))}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,rgb(var(--k8,18,41,76)) 0%,rgb(var(--k27,30,144,255)) 50%,rgb(var(--k8,18,41,76)) 100%);border-radius:3px}
::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(to right,rgb(var(--k8,18,41,76)) 0%,rgb(var(--k27,30,144,255)) 50%,rgb(var(--k8,18,41,76)) 100%)}
::-webkit-scrollbar-corner{background:rgb(var(--k12,11,26,48))}
@supports not selector(::-webkit-scrollbar){html,.scroll{scrollbar-width:thin;scrollbar-color:rgb(var(--k27,30,144,255)) rgb(var(--k12,11,26,48))}}

@media (prefers-reduced-motion:reduce){.cn,.ph,.tp{transition:none}}
@media (max-width:640px){.about h2,#staff h2,.social-sec h2{font-size:28px}}

/* hero v5.2: grupuri Forum / Hosting cu extrase + compilatoare */
.hrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px}
.fg{display:flex;align-items:center}
.hbtn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-family:'Chakra Petch',sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;box-sizing:border-box;color:#fff;background:rgb(var(--k5,0,115,230));min-height:52px;padding:0 30px;font-size:15px;transition:filter .25s}
.hbtn:hover{filter:brightness(1.15);color:#fff}
.cell{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;width:44px;margin:0 -30px 0 20px;background:rgba(0,0,0,.18);border-left:1px solid rgba(255,255,255,.28)}
.cell:empty{display:none}
@keyframes arn{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.arr{animation:arn 1.6s ease-in-out infinite}
.fg.open .arr{animation:none;transform:rotate(180deg);transition:transform .45s cubic-bezier(.22,.8,.24,1)}
.ex{display:flex;gap:12px;width:0;margin-left:0;padding:4px 0;margin-top:-4px;margin-bottom:-4px;overflow:hidden;flex:0 0 auto;transition:width .5s cubic-bezier(.22,.8,.24,1),margin-left .5s cubic-bezier(.22,.8,.24,1)}
.fg.open .ex{width:var(--ew,412px);margin-left:12px}
.sbtn{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;width:200px;min-height:52px;padding:0;text-decoration:none;white-space:nowrap;box-sizing:border-box;font-family:'Chakra Petch',sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:15px;color:#e8f1ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);opacity:0;transition:opacity .25s,background .25s,color .25s}
.sbtn i{transform:scale(0);transition:transform .45s cubic-bezier(.34,1.8,.64,1)}
.sbtn .lb{opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .4s cubic-bezier(.22,.8,.24,1)}
.fg.open .sbtn{opacity:1}
.fg.open .sbtn i{transform:scale(1)}
.fg.open .sbtn .lb{opacity:1;transform:none}
.sbtn:hover,.sbtn:focus-visible{background:rgb(var(--k5,0,115,230));border-color:rgb(var(--k5,0,115,230));color:#fff}
.sbtn:nth-child(1),.sbtn:nth-child(1) i,.sbtn:nth-child(1) .lb{transition-delay:0s}
.fg.open .sbtn:nth-child(1){transition-delay:.1s}
.fg.open .sbtn:nth-child(1) i{transition-delay:.15s}
.fg.open .sbtn:nth-child(1) .lb{transition-delay:.32s}
.fg.open .sbtn:nth-child(2){transition-delay:.2s}
.fg.open .sbtn:nth-child(2) i{transition-delay:.25s}
.fg.open .sbtn:nth-child(2) .lb{transition-delay:.42s}
.fg.pill .sbtn{border-radius:999px}
.fg.slant .sbtn{position:relative;isolation:isolate;border:0;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);letter-spacing:.08em}
.fg.slant .sbtn::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.22);clip-path:polygon(evenodd,14px 0,100% 0,calc(100% - 14px) 100%,0 100%,14px 0,15.1px 1px,calc(100% - 1px) 1px,calc(100% - 15.1px) calc(100% - 1px),1px calc(100% - 1px),15.1px 1px);transition:background .25s}
.fg.slant .sbtn:hover::before,.fg.slant .sbtn:focus-visible::before{background:rgb(var(--k5,0,115,230))}
.csep{display:flex;align-items:center;gap:14px;margin:22px auto 0;width:min(560px,90%)}
.csep span:nth-child(2){font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d6e4fa}
.csep .l1,.csep .l2{flex:1;height:1px}
.csep .l1{background:linear-gradient(90deg,transparent,#d6e4fa)}
.csep .l2{background:linear-gradient(90deg,#d6e4fa,transparent)}
.cbox{margin:14px auto 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:rgba(var(--k14,7,16,31),.55);border:1px solid rgb(var(--k13,29,53,88));width:fit-content;max-width:100%}
.cmp{--c:rgb(var(--k5,0,115,230));--g:0,115,230;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 18px;font-size:13px;border-radius:9px;text-decoration:none;font-family:'Chakra Petch',sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:rgba(var(--k14,7,16,31),.55);border:1px solid rgb(var(--k28,59,106,168));color:#e8f1ff;transition:background .28s,border-color .28s,box-shadow .28s,transform .28s,color .28s}
.cmp:hover,.cmp:focus-visible{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 0 20px rgba(var(--g),.5);transform:translateY(-1px)}
@media (hover:none){.ex{width:auto;margin-left:12px;overflow:visible;flex-wrap:wrap}.sbtn,.sbtn i,.sbtn .lb{opacity:1;transform:none}.cell{display:none}.fg{flex-wrap:wrap;justify-content:center}}
@media (max-width:640px){.sbtn{width:170px}}

.navlinks{display:flex;flex-wrap:wrap;align-items:center;gap:4px}

@media (min-width:1100px){.hrow{flex-wrap:nowrap}}

/* navigare v5.3 */
.hero{position:relative}
.hero::after{content:"";position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(180deg,rgba(var(--k1,6,15,29),.8),rgba(var(--k1,6,15,29),0));pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.navlink{display:inline-flex;align-items:center;gap:8px;position:relative;font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:14px;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;color:#e8f1ff;transition:color .25s}
.navlink i{font-size:14px;color:rgb(var(--k2,111,216,255));transition:color .25s,transform .3s cubic-bezier(.34,1.8,.64,1)}
.navlink::after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:2px;background:rgb(var(--k2,111,216,255));transform:scaleX(0);transition:transform .3s cubic-bezier(.22,.8,.24,1)}
.navlink:hover{color:#fff}.navlink:hover::after,.navlink.on::after{transform:scaleX(1)}
.navlink:hover i{transform:translateY(-2px) scale(1.15);color:#fff}
.navlink.on{color:#fff}.navlink.on::after{background:rgb(var(--k5,0,115,230))}.navlink.on i{color:rgb(var(--k29,77,163,255))}
/* tabel: antet Server centrat deasupra casetei IP, restul coloanelor centrate */
.shead span:nth-child(2){width:192px;text-align:center}
.shead span:nth-child(n+3):nth-child(-n+7){text-align:center}
.srow:not(.shead) .gtile{justify-self:center}
.srow:not(.shead) .c{text-align:center}
.srow:not(.shead) .pl{text-align:center}
.srow:not(.shead) .spark,.srow:not(.shead) .ping{justify-self:center}
.det{display:contents}
.pv{display:inline-flex;align-items:center;gap:9px}
.msum,.mcnt,.chev,.rl,.burger,.ddb,.segm,.chip .ci{display:none}
.chip .cq{font-weight:inherit}
/* inel: tooltip cu starea actualizării */
.seg{margin-left:auto}
.rg{cursor:help;outline:none;border-radius:50%}
.rg:focus-visible{box-shadow:0 0 0 2px rgb(var(--k2,111,216,255))}
.rg .tip{position:absolute;left:50%;top:calc(100% + 12px);transform:translate(-50%,-4px);white-space:nowrap;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:8px;background:rgb(var(--k12,11,26,48));border:1px solid rgb(var(--k9,40,70,111));box-shadow:0 8px 24px rgba(0,0,0,.45);font-family:'IBM Plex Sans',sans-serif;font-weight:500;font-size:12px;letter-spacing:0;text-transform:none;line-height:1.3;color:rgb(var(--k3,155,176,207));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:5}
.rg .tip b{color:#fff;font-weight:600;font-size:13px}
.rg .tip::before{content:"";position:absolute;left:50%;top:-5px;width:8px;height:8px;background:rgb(var(--k12,11,26,48));border-left:1px solid rgb(var(--k9,40,70,111));border-top:1px solid rgb(var(--k9,40,70,111));transform:translateX(-50%) rotate(45deg)}
.rg:hover .tip,.rg:focus .tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.srv-head h2{overflow:visible}

/* banda de anunturi */
.ann{--a1:rgb(var(--k30,10,63,143));--a2:rgb(var(--k5,0,115,230));position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:10px 56px 10px 20px;background:linear-gradient(90deg,var(--a1),var(--a2) 50%,var(--a1));border-bottom:1px solid rgba(255,255,255,.18);color:#fff;font-size:13px;line-height:1.4;text-align:center}
.ann[hidden]{display:none}
.ann.warning{--a1:#8a3b00;--a2:#e8710a}
.ann.success{--a1:#0c5a3a;--a2:#15a56a}
.ann .ai{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);flex:0 0 auto}
.ann .ai i{font-size:13px;animation:annp 2.6s ease-in-out infinite;transform-origin:50% 60%}
@keyframes annp{0%,100%{transform:rotate(0)}10%{transform:rotate(-14deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(0)}}
.ann .al{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:1px}
.ann .al:hover{color:#fff;border-bottom-color:#fff}
.ann .al i{transition:transform .25s}.ann .al:hover i{transform:translateX(3px)}
.ann .ax{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(255,255,255,.12);color:#fff;transition:background .25s}
.ann .ax:hover{background:rgba(255,255,255,.28)}
.ann .ax i{font-size:14px}

/* ===== v5.4: telefon (<=700px) ===== */
@media (max-width:700px){
.nav{position:relative}
.brand{margin-right:0}
.burger{display:flex;margin-left:auto;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:rgba(var(--k14,7,16,31),.6);border:1px solid rgba(var(--k2,111,216,255),.3);color:#fff;cursor:pointer;font-size:19px}
.burger .bx{display:none}.nav.open .burger .bo{display:none}.nav.open .burger .bx{display:inline-block}
.nav{z-index:5}
.navlinks{display:flex;position:absolute;left:0;right:0;top:calc(100% - 6px);flex-direction:column;align-items:stretch;gap:0;background:rgba(var(--k14,7,16,31),.96);border:1px solid rgba(var(--k2,111,216,255),.22);border-radius:12px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.nav.open .navlinks{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .25s ease,transform .25s ease,visibility 0s}
.hero{background-size:100% 100%,auto 1200px,auto 1200px;background-color:rgb(var(--k1,6,15,29))}
.cbox{width:100%;box-sizing:border-box;flex-direction:column;align-items:stretch;flex-wrap:nowrap}
.cmp{width:100%;box-sizing:border-box}
.segm .tog{flex:1;min-width:56px;min-height:40px;display:flex;align-items:center;justify-content:center;padding:0 14px;line-height:1}
.navlink{padding:13px 16px;border-left:3px solid transparent;font-size:14px}
.navlink::after{display:none}
.navlink.on{background:rgba(var(--k5,0,115,230),.28);border-left-color:rgb(var(--k5,0,115,230))}
.hrow{flex-direction:column;align-items:stretch;gap:10px;width:100%}
.fg{display:flex;flex-direction:column;align-items:stretch;width:100%}
.hbtn{position:relative;width:100%;justify-content:flex-start;padding:0 62px 0 18px}
.cell{display:inline-flex;position:absolute;right:0;top:0;bottom:0;margin:0;width:52px;cursor:pointer}
.arr{animation:none;transition:transform .25s}
.fg.mopen .arr{transform:rotate(90deg)}
.fg.open .arr{transform:none}.fg.mopen.open .arr{transform:rotate(90deg)}
.ex,.fg.open .ex{display:flex;width:auto;margin:0;padding:0;overflow:hidden;gap:8px;flex-wrap:nowrap;max-height:0;opacity:0;visibility:hidden;transition:max-height .35s cubic-bezier(.22,.8,.24,1),margin-top .35s cubic-bezier(.22,.8,.24,1),opacity .3s ease,visibility 0s linear .35s}
.fg.mopen .ex,.fg.mopen.open .ex{max-height:64px;margin-top:8px;opacity:1;visibility:visible;transition:max-height .35s cubic-bezier(.22,.8,.24,1),margin-top .35s cubic-bezier(.22,.8,.24,1),opacity .3s ease .05s,visibility 0s}
.sbtn{flex:1;width:auto;min-width:0;min-height:44px;font-size:13px;opacity:1;transform:none}
.sbtn i,.sbtn .lb{opacity:1;transform:none}
.sum{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;align-items:center}
.numbox{width:auto;background:none;border:0;padding:0}
.nb-ic{display:none}
.numbox>div{display:flex;align-items:baseline;gap:8px}
.nb-n{font-size:30px}.nb-l{margin:0}
.segm{display:inline-flex}
.chartwrap{grid-column:1/-1;flex:none}
.stats{grid-column:1/-1;width:auto;display:flex;background:none;border:0;border-top:1px solid rgb(var(--k13,29,53,88));border-radius:0}
.st-r{flex:1;height:auto;padding:10px 0 0;border-left:0;justify-content:center;gap:6px}
.st-r+.st-r{border-top:0}
.st-r b{margin-left:0}
.blabs:not(.d7) span:not(:nth-child(6n+1)){visibility:hidden}
.seg:not(.segm){display:none}
.toolbar{display:block;padding:12px}
.ddb{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;border-radius:12px;background:rgb(var(--k12,11,26,48));border:1px solid rgb(var(--k9,40,70,111));color:#fff;font:600 14px 'IBM Plex Sans',sans-serif;cursor:pointer;text-align:left}
.ddl{display:flex;align-items:center;gap:10px}.ddl img{display:block;border-radius:3px}.ddl .fa{color:rgb(var(--k2,111,216,255))}
.ddar{color:rgb(var(--k2,111,216,255));transition:transform .2s}.toolbar.dd .ddar{transform:rotate(180deg)}.toolbar.dd .ddb{border-color:rgb(var(--k5,0,115,230))}
.chips{display:none;flex-direction:column;flex-wrap:nowrap;gap:0;margin-top:8px;border:1px solid rgb(var(--k9,40,70,111));border-radius:12px;overflow:hidden;background:rgb(var(--k12,11,26,48))}
.toolbar.dd .chips{display:flex}
.chip{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid rgb(var(--k20,20,40,74));border-radius:0;padding:12px 14px;font:500 14px 'IBM Plex Sans',sans-serif;text-align:left}
.chip:last-child{border-bottom:0}
.chip.on{background:rgba(var(--k5,0,115,230),.25);color:#fff}
.chip .ci{display:inline-flex;width:20px;justify-content:center;color:rgb(var(--k2,111,216,255))}.chip .ci img{display:block;border-radius:3px}
.chip .cl{flex:1}.chip .cs{display:none}
.chip .cq{font:500 12px 'IBM Plex Mono',monospace;color:rgb(var(--k3,155,176,207));background:rgb(var(--k31,16,37,66));border-radius:999px;padding:2px 9px}
.chip.on .cq{background:rgb(var(--k5,0,115,230));color:#fff}
.scroll{overflow:visible}
.tbl{min-width:0}
.shead{display:none}
.srow{grid-template-columns:22px 34px minmax(0,1fr) auto 22px;gap:0 12px;padding:12px 14px;cursor:pointer}
.srv{display:contents}
.srow img.st{grid-column:1;grid-row:1/span2;width:22px;height:22px}
.srow:not(.shead) .gtile{grid-column:2;grid-row:1/span2;width:34px;height:34px;justify-self:auto}
.sname{grid-column:3;grid-row:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msum{display:block;grid-column:3;grid-row:2;font:11px 'IBM Plex Mono',monospace;color:rgb(var(--k3,155,176,207));margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcnt{display:block;grid-column:4;grid-row:1/span2;font:14px 'IBM Plex Mono',monospace;color:#fff}
.off .mcnt{color:#ff8a8e}
.chev{display:block;grid-column:5;grid-row:1/span2;color:rgb(var(--k2,111,216,255));font-size:18px;text-align:center;transition:transform .25s}
.ipbox{display:none;grid-column:1/-1;grid-row:3;width:auto;margin-top:12px;justify-content:space-between}
.det{display:none;grid-column:1/-1;grid-row:4}
.srow.xo{background:rgb(var(--k21,15,35,64))}
.xo .ipbox{display:flex}
.xo .det{display:grid;grid-template-columns:1fr 1.3fr;gap:12px 14px;margin-top:12px}
.xo .chev{transform:rotate(180deg)}
.srow:not(.shead) .c{text-align:left;font-size:13px}
.det .c::before,.det .pl::before{display:block;font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--k32,127,149,183));margin-bottom:4px}
.det .c::before{content:"Hartă"}.det .pl::before{content:"Jucători"}
.srow:not(.shead) .pl{text-align:left}
.srow:not(.shead) .spark{grid-column:1/-1;width:100%;height:32px;justify-self:stretch}
.srow:not(.shead) .ping{grid-column:1/-1;display:flex;justify-content:space-between;justify-self:stretch}
.rl{display:inline;font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--k32,127,149,183))}
.cbtn{grid-column:1/-1;min-height:44px}
.srow .msg{grid-column:1/-1}
.srv-head{gap:10px}
.srv-head h2{font-size:18px;gap:8px;white-space:nowrap}
.srv-head .ln{flex:1 1 12px}
.srow:not(.shead) .c{white-space:normal;overflow:visible;overflow-wrap:anywhere}
}

/* ===== v5.5: limbă RO / EN ===== */
.lgs{display:inline-flex;align-items:stretch;margin-left:10px;border:1px solid rgba(var(--k2,111,216,255),.35);border-radius:10px;overflow:hidden;background:rgba(var(--k14,7,16,31),.6)}
.lgo{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:0;background:transparent;color:rgb(var(--k19,201,217,242));font:600 12px 'Chakra Petch',sans-serif;letter-spacing:.1em;cursor:pointer}
.lgo img{display:block;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.lgo:hover{color:#fff}
.lgo.on{background:rgb(var(--k5,0,115,230));color:#fff}
@media (max-width:700px){
.lgs{order:1;margin-left:auto;margin-right:10px}
.burger{order:2;margin-left:0}
.lgo{padding:0 9px;min-height:40px}
.lgo span{display:none}
}
@media (max-width:700px){
html[lang="en"] .det .c::before{content:"Map"}
html[lang="en"] .det .pl::before{content:"Players"}
}

/* v5.6: text în două limbi + fără animații la încărcare */
.lr,.le{display:inline!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;text-shadow:inherit!important;margin:0!important;padding:0!important;line-height:inherit!important;opacity:inherit!important}
html[lang="ro"] .le,html:not([lang="ro"]) .lr{display:none!important}
html.no-tr *,html.no-tr *::before,html.no-tr *::after{transition:none!important}
.about-gif video{width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgb(var(--k13,29,53,88));aspect-ratio:650/390;background:rgb(var(--k22,5,12,24))}
html[lang="ro"] .lgo[data-lang="ro"],html[lang="en"] .lgo[data-lang="en"]{background:rgb(var(--k5,0,115,230));color:#fff}

.hbtn>.fa:first-child{min-width:1.1em;text-align:center}.cell .fa{min-width:.6em;text-align:center}

/* v5.9: animație de apariție (ca în indexul vechi): logo + titlu + slogan coboară, butoanele urcă */
@keyframes igDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}
@keyframes igUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
#heroLogoLink{display:inline-block;animation:igDown 1s ease .7s backwards}
#siteName,#siteTag{animation:igDown 1s ease .7s backwards}
#heroBtns{animation:igUp 1s ease 1s backwards}
/* „animații reduse” în sistem: doar apariție lină, fără mișcare */
@keyframes igFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){#heroLogoLink,#siteName,#siteTag{animation:igFade 1s ease .7s backwards}#heroBtns{animation:igFade 1s ease 1s backwards}}

/* telefon: titlul și sloganul mai mici, pe un singur rând (pozițiile rămân ca în v5.9) */
@media (max-width:420px){.hero h1{font-size:min(34px,calc((100vw - 28px)/11.2));white-space:nowrap}.tag{font-size:15px;letter-spacing:.26em}}
@media (max-width:420px){.tool-txt h3{font-size:clamp(18px,6vw,26px);overflow-wrap:anywhere}}

/* buton muzică de fundal */
.mus{position:fixed;right:16px;bottom:16px;z-index:40;width:44px;height:44px;border-radius:50%;border:1px solid rgba(var(--k2,111,216,255),.35);background:rgba(var(--k14,7,16,31),.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e8f1ff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s,border-color .2s,background .2s}
.mus[hidden]{display:none}
.mus:hover,.mus:focus-visible{opacity:1;border-color:rgb(var(--k5,0,115,230));background:rgba(var(--k5,0,115,230),.35)}
.mus .fa{font-size:18px}
.mus.off{color:rgb(var(--k3,155,176,207))}
.mus.off::after{content:"";position:absolute;width:26px;height:2px;border-radius:2px;background:#ff5a5f;transform:rotate(-45deg)}
@media (max-width:700px){.mus{right:12px;bottom:12px}}

/* ===== v6.4+: teme sezoniere =====
   Tema activă = atributul data-theme de pe <html> (îl pune scriptul din <head> / v2.js după config.json: theme + themes).
   Culorile albastre de mai sus sunt variabile CSS (--k1, --k2...) cu valoarea originală ca rezervă: fără temă pagina arată exact ca înainte,
   iar fiecare temă doar redefinește variabilele. */
.fx-layer{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;pointer-events:none;z-index:1}
.fx{position:absolute;pointer-events:none}
.fx-sn{top:-12px;border-radius:50%;background:#fff;animation:fxfall linear infinite}
.fx-cf{top:-16px;animation:fxfall linear infinite}
.fx-pt{top:-16px;border-radius:50% 0 50% 0;animation:fxsway linear infinite}
.fx-em{bottom:-10px;border-radius:50%;background:#ff9a1f;box-shadow:0 0 8px 2px rgba(255,140,20,.8);animation:fxrise linear infinite}
@keyframes fxfall{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(-30px,max(960px,110vh)) rotate(300deg)}}
@keyframes fxsway{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(40px,max(480px,55vh)) rotate(160deg)}100%{transform:translate(-10px,max(960px,110vh)) rotate(320deg)}}
@keyframes fxrise{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(24px,calc(-1 * max(780px,90vh)));opacity:0}}
.fx-bat{position:absolute;left:0;animation:fxflap linear infinite}
@keyframes fxflap{0%{transform:translateX(-80px) translateY(0)}25%{transform:translateX(30vw) translateY(-26px)}50%{transform:translateX(60vw) translateY(18px)}75%{transform:translateX(90vw) translateY(-18px)}100%{transform:translateX(115vw) translateY(8px)}}
.fx-fog{position:absolute;left:-10%;right:-10%;bottom:0;height:240px;background:radial-gradient(ellipse at 30% 100%,rgba(190,150,255,.3),transparent 62%),radial-gradient(ellipse at 78% 100%,rgba(255,140,40,.24),transparent 56%);animation:fxfogm 9s ease-in-out infinite alternate}
@keyframes fxfogm{0%{transform:translateX(-6%)}100%{transform:translateX(6%)}}
.fx-bulb{position:absolute;width:11px;height:17px;border-radius:50% 50% 50% 50%/40% 40% 60% 60%;animation:fxtw 1.8s ease-in-out infinite}
@keyframes fxtw{0%,100%{opacity:1}50%{opacity:.35}}
.fx-wire{position:absolute;left:-3%;right:-3%;top:-22px;height:56px;border-bottom:3px solid #14231a;border-radius:0 0 50% 50%/0 0 100% 100%;opacity:.85}
@media (prefers-reduced-motion:reduce){.fx-sn,.fx-cf,.fx-pt,.fx-em,.fx-bat,.fx-fog,.fx-bulb{animation:none}}

/* teme: culorile fiecărei teme (variabilele --k...) */
html[data-theme="halloween"]{--k1:17,8,27;--k2:255,154,31;--k3:180,160,202;--k4:53,16,96;--k5:232,101,10;--k6:221,197,249;--k7:217,201,236;--k8:45,24,70;--k9:74,47,104;--k10:202,185,222;--k11:102,55,155;--k12:29,15,44;--k13:57,35,82;--k14:18,9,29;--k15:55,30,83;--k16:255,138,31;--k17:155,135,178;--k18:64,36,95;--k19:220,205,238;--k20:46,25,69;--k21:38,20,59;--k22:14,7,22;--k23:81,25,145;--k24:47,19,80;--k25:84,42,132;--k26:87,52,127;--k27:255,138,31;--k28:111,70,157;--k29:255,138,31;--k30:73,23,130;--k31:40,21,61;--k32:154,133,177}
html[data-theme="craciun"]{--k1:11,24,18;--k2:255,123,123;--k3:167,195,181;--k4:28,84,56;--k5:214,22,31;--k6:205,241,223;--k7:206,231,219;--k8:31,63,47;--k9:56,95,76;--k10:191,216,204;--k11:70,140,105;--k12:19,40,30;--k13:42,75,59;--k14:12,26,19;--k15:38,75,57;--k16:226,58,58;--k17:141,172,156;--k18:45,86,66;--k19:210,233,222;--k20:32,62,47;--k21:26,53,40;--k22:9,20,15;--k23:44,126,85;--k24:28,71,50;--k25:56,118,87;--k26:63,116,90;--k27:226,58,58;--k28:84,143,114;--k29:226,58,58;--k30:40,113,77;--k31:27,55,41;--k32:140,170,155}
html[data-theme="revelion"]{--k1:12,14,23;--k2:255,214,107;--k3:169,174,193;--k4:33,42,78;--k5:184,138,20;--k6:209,214,237;--k7:208,212,229;--k8:34,39,60;--k9:60,66,91;--k10:193,197,214;--k11:77,88,133;--k12:21,25,38;--k13:45,51,72;--k14:14,16,24;--k15:41,47,72;--k16:212,165,33;--k17:144,149,169;--k18:49,56,82;--k19:212,216,231;--k20:35,40,59;--k21:28,33,51;--k22:10,12,19;--k23:51,65,119;--k24:32,39,67;--k25:62,72,112;--k26:68,77,111;--k27:212,165,33;--k28:89,99,138;--k29:212,165,33;--k30:47,59,106;--k31:30,34,52;--k32:142,147,168}
html[data-theme="aniversare"]{--k1:9,14,26;--k2:240,200,80;--k3:163,174,199;--k4:21,42,91;--k5:184,138,20;--k6:201,214,245;--k7:203,212,234;--k8:27,39,67;--k9:51,66,100;--k10:187,197,220;--k11:61,87,149;--k12:17,24,42;--k13:38,50,79;--k14:11,16,27;--k15:33,47,80;--k16:212,165,33;--k17:137,149,176;--k18:40,55,91;--k19:207,216,236;--k20:28,39,66;--k21:22,33,57;--k22:8,12,21;--k23:32,64,138;--k24:23,39,76;--k25:48,71,126;--k26:56,76,123;--k27:212,165,33;--k28:75,98,152;--k29:212,165,33;--k30:30,58,123;--k31:24,34,59;--k32:135,147,175}
html[data-theme="paste"]{--k1:11,21,24;--k2:255,158,199;--k3:165,188,197;--k4:26,70,86;--k5:224,103,154;--k6:204,232,242;--k7:205,225,232;--k8:30,55,64;--k9:54,85,97;--k10:189,210,218;--k11:67,123,143;--k12:18,35,41;--k13:41,67,76;--k14:12,22,26;--k15:36,66,77;--k16:255,158,199;--k17:140,164,173;--k18:44,76,87;--k19:209,227,234;--k20:31,55,63;--k21:25,46,54;--k22:9,17,20;--k23:40,106,130;--k24:26,60,73;--k25:53,103,121;--k26:61,103,118;--k27:255,158,199;--k28:81,129,146;--k29:255,158,199;--k30:37,95,116;--k31:26,48,56;--k32:138,163,172}
html[data-theme="decembrie"]{--k1:7,13,28;--k2:252,209,22;--k3:156,171,206;--k4:8,37,104;--k5:26,71,184;--k6:193,211,253;--k7:197,210,240;--k8:19,36,75;--k9:42,62,109;--k10:181,195,226;--k11:45,81,165;--k12:12,22,47;--k13:30,47,87;--k14:8,14,30;--k15:25,44,88;--k16:47,100,216;--k17:130,146,183;--k18:31,52,100;--k19:202,214,241;--k20:21,37,73;--k21:16,30,63;--k22:5,11,24;--k23:14,56,156;--k24:13,35,86;--k25:34,66,140;--k26:44,71,135;--k27:47,100,216;--k28:62,93,165;--k29:47,100,216;--k30:13,51,140;--k31:17,31,65;--k32:128,144,182}

/* teme: hero (fundal, culori, siglă) */
html[data-theme="halloween"] .hero{background:radial-gradient(ellipse 55% 40% at 50% 52%,rgba(14,5,28,.6),transparent 75%),linear-gradient(180deg,rgba(10,4,22,.25) 0%,rgba(10,4,22,.1) 55%,#0b0618 100%),url(../img/themes/halloween-hero.webp) center top/cover no-repeat,#0b0618}
html[data-theme="halloween"] .brand b{color:#ff8a1f}
html[data-theme="halloween"] .hero-logo{filter:drop-shadow(0 8px 24px rgba(255,122,0,.55))}
html[data-theme="halloween"] h1#siteName{text-shadow:0 0 28px rgba(255,122,0,.7),0 0 4px rgba(255,160,40,.6)}
html[data-theme="halloween"] .tag{color:#ffb25a}
html[data-theme="halloween"] .hbtn{background:#ff7a00;color:#1a0a00}
html[data-theme="halloween"] .hbtn:hover{color:#1a0a00}
html[data-theme="halloween"] .navlink i{color:#ffb25a}
html[data-theme="halloween"] .navlink.on i{color:#ff9a1f}
html[data-theme="halloween"] .navlink.on::after{background:#ff9a1f}
html[data-theme="halloween"] .lgs,html[data-theme="halloween"] .burger{border-color:rgba(255,154,31,.45)}
html[data-theme="halloween"][lang="ro"] .lgo[data-lang="ro"],html[data-theme="halloween"][lang="en"] .lgo[data-lang="en"],html[data-theme="halloween"] .lgo.on{background:#ff7a00;color:#1a0a00}
html[data-theme="halloween"] .cbox{border-color:#4a2a78}
html[data-theme="halloween"] .cmp{border-color:#7a4fc0}
html[data-theme="halloween"] .cmp:nth-child(1){--c:#ff7a00;--g:255,122,0}
html[data-theme="halloween"] .cmp:nth-child(2){--c:#8a3dff;--g:138,61,255}
html[data-theme="halloween"] .cmp:nth-child(3){--c:#2fbf4f;--g:47,191,79}
html[data-theme="halloween"] .mus{border-color:rgba(255,154,31,.5)}
html[data-theme="craciun"] .hero{background:radial-gradient(ellipse 55% 40% at 50% 52%,rgba(4,12,28,.55),transparent 75%),linear-gradient(180deg,rgba(6,15,29,.2) 0%,rgba(6,15,29,.05) 55%,#060f1d 100%),url(../img/themes/craciun-hero.webp) center top/cover no-repeat,#060f1d}
html[data-theme="craciun"] .brand b{color:#ff4b4b}
html[data-theme="craciun"] .hero-logo{filter:drop-shadow(0 8px 24px rgba(255,255,255,.4))}
html[data-theme="craciun"] h1#siteName{text-shadow:0 0 26px rgba(255,255,255,.55),0 0 4px rgba(255,80,80,.6)}
html[data-theme="craciun"] .tag{color:#ffe3a3}
html[data-theme="craciun"] .hbtn{background:#d6161f;color:#fff}
html[data-theme="craciun"] .hbtn:hover{color:#fff}
html[data-theme="craciun"] .navlink i{color:#ff9a9a}
html[data-theme="craciun"] .navlink.on i{color:#ff6b6b}
html[data-theme="craciun"] .navlink.on::after{background:#ff6b6b}
html[data-theme="craciun"] .lgs,html[data-theme="craciun"] .burger{border-color:rgba(255,120,120,.45)}
html[data-theme="craciun"][lang="ro"] .lgo[data-lang="ro"],html[data-theme="craciun"][lang="en"] .lgo[data-lang="en"],html[data-theme="craciun"] .lgo.on{background:#d6161f;color:#fff}
html[data-theme="craciun"] .cbox{border-color:#2a4a6e}
html[data-theme="craciun"] .cmp{border-color:#5b86b8}
html[data-theme="craciun"] .cmp:nth-child(1){--c:#d6161f;--g:214,22,31}
html[data-theme="craciun"] .cmp:nth-child(2){--c:#12803a;--g:18,128,58}
html[data-theme="craciun"] .cmp:nth-child(3){--c:#c9962a;--g:201,150,42}
html[data-theme="craciun"] .mus{border-color:rgba(255,120,120,.5)}
html[data-theme="revelion"] .hero{background:radial-gradient(ellipse 55% 45% at 50% 52%,rgba(3,6,18,.72),transparent 78%),linear-gradient(180deg,rgba(4,8,20,.35) 0%,rgba(4,8,20,.15) 55%,#050a16 100%),url(../img/themes/revelion-hero.webp) center top/cover no-repeat,#050a16}
html[data-theme="revelion"] .brand b{color:#ffd66b}
html[data-theme="revelion"] .hero-logo{filter:drop-shadow(0 8px 24px rgba(255,200,70,.55))}
html[data-theme="revelion"] h1#siteName{text-shadow:0 0 26px rgba(255,214,90,.7),0 0 3px rgba(255,255,255,.7)}
html[data-theme="revelion"] .tag{color:#ffe08a}
html[data-theme="revelion"] .hbtn{background:#e0b43a;color:#1a1200}
html[data-theme="revelion"] .hbtn:hover{color:#1a1200}
html[data-theme="revelion"] .navlink i{color:#ffe08a}
html[data-theme="revelion"] .navlink.on i{color:#ffd66b}
html[data-theme="revelion"] .navlink.on::after{background:#ffd66b}
html[data-theme="revelion"] .lgs,html[data-theme="revelion"] .burger{border-color:rgba(255,214,107,.5)}
html[data-theme="revelion"][lang="ro"] .lgo[data-lang="ro"],html[data-theme="revelion"][lang="en"] .lgo[data-lang="en"],html[data-theme="revelion"] .lgo.on{background:#e0b43a;color:#1a1200}
html[data-theme="revelion"] .cbox{border-color:#5a4a1e}
html[data-theme="revelion"] .cmp{border-color:#b89a3e}
html[data-theme="revelion"] .cmp:nth-child(1){--c:#e0b43a;--g:224,180,58}
html[data-theme="revelion"] .cmp:nth-child(2){--c:#ff6b9d;--g:255,107,157}
html[data-theme="revelion"] .cmp:nth-child(3){--c:#6fd8ff;--g:111,216,255}
html[data-theme="revelion"] .mus{border-color:rgba(255,214,107,.5)}
html[data-theme="aniversare"] .hero{background:radial-gradient(ellipse 58% 48% at 50% 52%,rgba(3,8,22,.72),transparent 80%),linear-gradient(180deg,rgba(4,10,26,.3) 0%,rgba(4,10,26,.12) 55%,#050b18 100%),url(../img/themes/aniversare-hero.webp) center top/cover no-repeat,#050b18}
html[data-theme="aniversare"] .brand b{color:#f0c850}
html[data-theme="aniversare"] .hero-logo{filter:drop-shadow(0 8px 24px rgba(255,205,80,.6))}
html[data-theme="aniversare"] h1#siteName{text-shadow:0 0 26px rgba(255,210,90,.7),0 0 3px rgba(255,255,255,.6)}
html[data-theme="aniversare"] .tag{color:#ffe39a}
html[data-theme="aniversare"] .hbtn{background:#e0b43a;color:#1a1200}
html[data-theme="aniversare"] .hbtn:hover{color:#1a1200}
html[data-theme="aniversare"] .navlink i{color:#ffe39a}
html[data-theme="aniversare"] .navlink.on i{color:#f0c850}
html[data-theme="aniversare"] .navlink.on::after{background:#f0c850}
html[data-theme="aniversare"] .lgs,html[data-theme="aniversare"] .burger{border-color:rgba(240,200,80,.5)}
html[data-theme="aniversare"][lang="ro"] .lgo[data-lang="ro"],html[data-theme="aniversare"][lang="en"] .lgo[data-lang="en"],html[data-theme="aniversare"] .lgo.on{background:#e0b43a;color:#1a1200}
html[data-theme="aniversare"] .cbox{border-color:#4d4220}
html[data-theme="aniversare"] .cmp{border-color:#b89a3e}
html[data-theme="aniversare"] .cmp:nth-child(1){--c:#e0b43a;--g:224,180,58}
html[data-theme="aniversare"] .cmp:nth-child(2){--c:#2f93ff;--g:47,147,255}
html[data-theme="aniversare"] .cmp:nth-child(3){--c:#c9d4e6;--g:201,212,230}
html[data-theme="aniversare"] .mus{border-color:rgba(240,200,80,.5)}
html[data-theme="paste"] .hero{background:radial-gradient(ellipse 55% 42% at 50% 52%,rgba(8,20,36,.5),transparent 76%),linear-gradient(180deg,rgba(6,24,38,.15) 0%,rgba(6,24,38,.05) 55%,#07131f 100%),url(../img/themes/paste-hero.webp) center top/cover no-repeat,#07131f}
html[data-theme="paste"] .brand b{color:#ff9ec7}
html[data-theme="paste"] .hero-logo{filter:drop-shadow(0 8px 24px rgba(255,160,200,.5))}
html[data-theme="paste"] h1#siteName{text-shadow:0 0 26px rgba(255,170,205,.6),0 0 3px rgba(255,255,255,.5)}
html[data-theme="paste"] .tag{color:#ffd3e6}
html[data-theme="paste"] .hbtn{background:#ff8fb8;color:#2a0a1a}
html[data-theme="paste"] .hbtn:hover{color:#2a0a1a}
html[data-theme="paste"] .navlink i{color:#ffc2dc}
html[data-theme="paste"] .navlink.on i{color:#ff9ec7}
html[data-theme="paste"] .navlink.on::after{background:#ff9ec7}
html[data-theme="paste"] .lgs,html[data-theme="paste"] .burger{border-color:rgba(255,158,199,.5)}
html[data-theme="paste"][lang="ro"] .lgo[data-lang="ro"],html[data-theme="paste"][lang="en"] .lgo[data-lang="en"],html[data-theme="paste"] .lgo.on{background:#ff8fb8;color:#2a0a1a}
html[data-theme="paste"] .cbox{border-color:#2d5a6e}
html[data-theme="paste"] .cmp{border-color:#7fb8c8}
html[data-theme="paste"] .cmp:nth-child(1){--c:#f27ca6;--g:242,124,166}
html[data-theme="paste"] .cmp:nth-child(2){--c:#3fc7a0;--g:63,199,160}
html[data-theme="paste"] .cmp:nth-child(3){--c:#9b7bea;--g:155,123,234}
html[data-theme="paste"] .mus{border-color:rgba(255,158,199,.5)}
html[data-theme="decembrie"] .hero{background:radial-gradient(ellipse 55% 42% at 50% 52%,rgba(3,8,24,.55),transparent 76%),linear-gradient(180deg,rgba(6,15,29,.2) 0%,rgba(6,15,29,.05) 55%,#060f1d 100%),url(../img/themes/decembrie-hero.webp) center top/cover no-repeat,#060f1d}
html[data-theme="decembrie"] .brand b{color:#fcd116}
html[data-theme="decembrie"] .hero-logo{filter:drop-shadow(0 8px 24px rgba(252,209,22,.5))}
html[data-theme="decembrie"] h1#siteName{text-shadow:0 0 26px rgba(252,209,22,.55),0 0 4px rgba(206,17,38,.6)}
html[data-theme="decembrie"] .tag{color:#ffe27a}
html[data-theme="decembrie"] .hbtn{background:#1a47b8;color:#fff}
html[data-theme="decembrie"] .hbtn:hover{color:#fff}
html[data-theme="decembrie"] .navlink i{color:#fcd116}
html[data-theme="decembrie"] .navlink.on i{color:#fcd116}
html[data-theme="decembrie"] .navlink.on::after{background:#fcd116}
html[data-theme="decembrie"] .lgs,html[data-theme="decembrie"] .burger{border-color:rgba(252,209,22,.5)}
html[data-theme="decembrie"][lang="ro"] .lgo[data-lang="ro"],html[data-theme="decembrie"][lang="en"] .lgo[data-lang="en"],html[data-theme="decembrie"] .lgo.on{background:#1a47b8;color:#fff}
html[data-theme="decembrie"] .cbox{border-color:#2a3f6e}
html[data-theme="decembrie"] .cmp{border-color:#5b7fc0}
html[data-theme="decembrie"] .cmp:nth-child(1){--c:#1a47b8;--g:26,71,184}
html[data-theme="decembrie"] .cmp:nth-child(2){--c:#fcd116;--g:252,209,22}
html[data-theme="decembrie"] .cmp:nth-child(3){--c:#ce1126;--g:206,17,38}
html[data-theme="decembrie"] .mus{border-color:rgba(252,209,22,.5)}

/* teme: rafinări */
html[data-theme="halloween"] .affil{background:linear-gradient(120deg,#a34700 0%,#3a1666 60%,#150c26 100%);border-color:#d9741a}
html[data-theme="halloween"] .ph svg rect{fill:#2b1644}html[data-theme="halloween"] .ph svg circle,html[data-theme="halloween"] .ph svg path{fill:#4f297b}
html[data-theme="craciun"] .affil{background:linear-gradient(120deg,#a3121a 0%,#0f3a24 60%,#0b1f14 100%);border-color:#c93a3a}
html[data-theme="craciun"] .ph svg rect{fill:#1d3d2d}html[data-theme="craciun"] .ph svg circle,html[data-theme="craciun"] .ph svg path{fill:#366e52}
html[data-theme="revelion"] .affil{background:linear-gradient(120deg,#8a6a12 0%,#1a2240 60%,#0b1226 100%);border-color:#b89a3e}
html[data-theme="revelion"] .ph svg rect{fill:#20253a}html[data-theme="revelion"] .ph svg circle,html[data-theme="revelion"] .ph svg path{fill:#3b4469}
html[data-theme="aniversare"] .affil{background:linear-gradient(120deg,#7a6212 0%,#14284d 60%,#0a1530 100%);border-color:#b89a3e}
html[data-theme="aniversare"] .ph svg rect{fill:#192541}html[data-theme="aniversare"] .ph svg circle,html[data-theme="aniversare"] .ph svg path{fill:#2e4476}
html[data-theme="paste"] .affil{background:linear-gradient(120deg,#b0426f 0%,#1f4a5c 60%,#0d2230 100%);border-color:#d97ba3}
html[data-theme="paste"] .ph svg rect{fill:#1c353e}html[data-theme="paste"] .ph svg circle,html[data-theme="paste"] .ph svg path{fill:#336071}
html[data-theme="decembrie"] .affil{background:linear-gradient(120deg,#1a47b8 0%,#0b2a6e 60%,#081a40 100%);border-color:#c9a914}
html[data-theme="decembrie"] .ph svg rect{fill:#112249}html[data-theme="decembrie"] .ph svg circle,html[data-theme="decembrie"] .ph svg path{fill:#223f82}
/* telefon: imaginea de fundal are dimensiune fixă (ca în v5.4), ca să nu facă zoom când se deschid acordeoanele Forum/Găzduire */
@media (max-width:700px){html[data-theme] .hero{background-size:100% 100%,100% 100%,auto max(860px,100vh)}}