/* ============================================================
   VISION II - tema (extrasa din index.php, v2026.3)
   ============================================================ */

		/* =====================================================
		   VISION II - WEB REDESIGN 2026.2 (deep glass / aurora)
		   ===================================================== */

		:root {
			--teal:        #06cdd6;
			--teal-soft:   rgba(6,205,214,.14);
			--teal-dim:    rgba(6,205,214,.10);
			--teal-glow:   rgba(6,205,214,.38);
			--amber:       #ffb648;
			--bg-0:        #02060a;
			--bg-1:        #04141a;
			--card-bg:     rgba(7,20,26,.62);
			--card-bg-2:   rgba(4,14,18,.78);
			--border:      rgba(6,205,214,.15);
			--border-soft: rgba(140,200,205,.08);
			--text-hi:     #eaf7f8;
			--text-lo:     rgba(165,197,201,.62);
			--r-sm:        8px;
			--r-md:        14px;
			--r-lg:        20px;
			--ease:        cubic-bezier(.16,.8,.24,1);
		}

		/* ---- PAGE BACKDROP: aurora mesh + grain ---- */
		html, body { background: var(--bg-0) !important; }
		body {
			position: relative;
			isolation: isolate;
		}
		body::before {
			content: '';
			position: fixed;
			inset: -10%;
			z-index: -2;
			pointer-events: none;
			background:
				radial-gradient(46% 38% at 14% 8%,  rgba(6,205,214,.14) 0%, transparent 65%),
				radial-gradient(38% 34% at 88% 18%, rgba(6,120,140,.13) 0%, transparent 65%),
				radial-gradient(50% 45% at 50% 100%, rgba(6,205,214,.09) 0%, transparent 70%),
				linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 55%, var(--bg-0) 100%);
			animation: auroraDrift 26s ease-in-out infinite alternate;
will-change: transform;
}
		body::after {
			content: '';
			position: fixed;
			inset: 0;
			z-index: -1;
			pointer-events: none;
			opacity: .03; /* fara mix-blend-mode: un strat full-screen cu blend recalcula tot ecranul la fiecare frame */
			background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
		}
		@keyframes auroraDrift {
			0%   { transform: translate3d(0,0,0) scale(1); }
			100% { transform: translate3d(-2%,1.5%,0) scale(1.04); }
		}

		/* ---- SELECTION ---- */
		::selection { background: rgba(6,205,214,.3); color: #fff; }

		/* ---- NAV BUTTONS WITH ICONS ---- */
		.makeart-header .makeart-nav ul li a {
			display: inline-flex !important;
			align-items: center !important;
			gap: 6px !important;
			padding: 4px 0 !important;
			border-radius: 0 !important;
			background: transparent !important;
			border: none !important;
			border-bottom: 1px solid rgba(6,205,214,0) !important;
			color: rgba(200,225,228,.58) !important;
			font-family: 'Inter', sans-serif !important;
			font-size: 10px !important;
			letter-spacing: 1.6px !important;
			text-transform: uppercase !important;
			font-weight: 600 !important;
			text-decoration: none !important;
			transition: color .25s var(--ease), text-shadow .25s var(--ease) !important;
			white-space: nowrap !important;
			position: relative !important;
		}
		.makeart-header .makeart-nav ul li a::after {
			content: '' !important;
			position: absolute !important;
			bottom: -3px; left: 50%; right: 50% !important;
			height: 1px !important;
			background: linear-gradient(90deg, transparent, var(--teal), transparent) !important;
			transition: left .3s var(--ease), right .3s var(--ease) !important;
		}
		.makeart-header .makeart-nav ul li a:hover::after,
		.makeart-header .makeart-nav ul li.active a::after {
			left: 0 !important; right: 0 !important;
		}
		.makeart-header .makeart-nav ul li a i {
			font-size: 11px !important;
			color: rgba(6,205,214,.55) !important;
			transition: color .25s var(--ease), transform .25s var(--ease) !important;
		}
		.makeart-header .makeart-nav ul li a:hover,
		.makeart-header .makeart-nav ul li.active a {
			color: #fff !important;
			text-shadow: 0 0 14px rgba(6,205,214,.45) !important;
		}
		.makeart-header .makeart-nav ul li.active a {
			background: rgba(6,205,214,.08) !important;
			border-radius: 20px !important;
		}
		.makeart-header .makeart-nav ul li a:hover i,
		.makeart-header .makeart-nav ul li.active a i {
			color: var(--teal) !important;
			transform: translateY(-1px) !important;
		}
		.makeart-header .makeart-nav .l-menu { padding-left: 0 !important; }

		/* Discord hover violet */
		.r-menu li:last-child a:hover { color: #7289da !important; text-shadow: 0 0 12px rgba(114,137,218,.45) !important; }
		.r-menu li:last-child a:hover i { color: #7289da !important; }
		.r-menu li:last-child a:hover::after { background: linear-gradient(90deg, transparent, #7289da, transparent) !important; }

		.makeart-header .makeart-nav .l-menu li:first-child { padding-left: 80px !important; }

		.makeart-header .makeart-nav ul li {
			font-family: 'Inter', sans-serif;
			font-size: 11px;
			letter-spacing: 2px;
			text-transform: uppercase;
			font-weight: 600;
			color: rgba(200,220,222,.58);
			transition: color .2s var(--ease), text-shadow .2s var(--ease);
		}
		.makeart-header .makeart-nav ul li.active,
		.makeart-header .makeart-nav ul li:hover {
			color: #fff;
			text-shadow: 0 0 14px rgba(6,205,214,.5);
		}

		/* ---- HERO SLOGAN ---- */
		.hero-slogan {
			position: absolute !important;
			top: 52% !important;
			left: 220px !important;
			transform: translate3d(0, calc(-50% + var(--py, 0px)), 0) !important;
will-change: transform;
text-align: left;
z-index: 200;
			pointer-events: none;
			animation: heroFadeIn 1s var(--ease) both;
		}
		.hero-title {
			font-family: 'Inter', sans-serif;
			font-size: 66px;
			font-weight: 800;
			letter-spacing: 10px;
			text-transform: uppercase;
			line-height: 1;
			margin-bottom: 12px;
		}
		.hero-pvm {
position: relative;
color: #fff;
text-shadow:
0 0 20px rgba(6,205,214,.85),
0 0 44px rgba(6,205,214,.45),
0 0 90px rgba(6,205,214,.22);
}
.hero-pvm::after {
content: attr(data-text);
position: absolute;
left: 0; top: 0;
color: #fff;
text-shadow:
0 0 28px rgba(6,205,214,1),
0 0 60px rgba(6,205,214,.65),
0 0 130px rgba(6,205,214,.35);
opacity: 0;
pointer-events: none;
animation: pulseGlow 4s ease-in-out infinite;
}
@keyframes pulseGlow {
0%, 100% { opacity: 0; }
50%      { opacity: 1; }
}
		.hero-easy {
			background: linear-gradient(100deg, var(--teal) 0%, #7ff5fb 45%, var(--teal) 100%);
			background-size: 220% auto;
			-webkit-background-clip: text;
			background-clip: text;
			-webkit-text-fill-color: transparent;
position: relative;
animation: easyShine 5s linear infinite;
}
.hero-easy::before {
content: attr(data-text);
white-space: pre;
position: absolute;
left: 0; top: 0;
z-index: -1;
color: rgba(6,205,214,.6);
-webkit-text-fill-color: rgba(6,205,214,.6);
filter: blur(18px);
opacity: .8;
pointer-events: none;
}
		.hero-sub {
			font-family: 'Inter', sans-serif;
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 4px;
			text-transform: uppercase;
			color: rgba(200,235,238,.5);
			text-shadow: 0 0 12px rgba(6,205,214,.25);
			animation: heroFadeIn 1.5s var(--ease) both;
			position: relative;
			display: flex;
			align-items: center;
			gap: 10px;
		}
		.hero-sub::before {
			content: '';
			width: 22px; height: 1px;
			background: linear-gradient(90deg, var(--teal), transparent);
			display: inline-block;
		}
		@keyframes heroFadeIn {
			from { opacity: 0; transform: translateY(12px); }
			to   { opacity: 1; transform: translateY(0); }
		}
		@keyframes pulsePVM {
			0%,100% { text-shadow: 0 0 20px rgba(6,205,214,.85), 0 0 44px rgba(6,205,214,.45), 0 0 90px rgba(6,205,214,.22); }
			50%     { text-shadow: 0 0 28px rgba(6,205,214,1),  0 0 60px rgba(6,205,214,.65), 0 0 130px rgba(6,205,214,.35); }
		}
		@keyframes easyShine {
			to { background-position: -220% auto; }
		}
		@keyframes logoGlowPulse {
			0%, 100% {
				filter: drop-shadow(0 0 6px rgba(6,205,214,.15)) drop-shadow(0 0 14px rgba(6,205,214,.06));
			}
			50% {
				filter: drop-shadow(0 0 30px rgba(6,205,214,.9)) drop-shadow(0 0 60px rgba(6,205,214,.5));
			}
		}

		/* ---- LOGO PARTICLE WRAPPER ---- */
		.logo-head { position: relative; display: inline-block; }
		#logo-canvas {
			position: absolute;
			top: 50%; left: 50%;
			transform: translate(-50%,-50%);
			pointer-events: none;
			z-index: 0;
		}
		.logo-head img {
			position: relative;
			z-index: 1;
			filter: drop-shadow(0 0 16px rgba(6,205,214,.4)) drop-shadow(0 0 34px rgba(6,205,214,.18));
			transition: filter .35s var(--ease);
}
.logo-head::before {
content: '';
position: absolute;
left: 50%; top: 50%;
width: 230px; height: 140px;
margin: -70px 0 0 -115px;
border-radius: 50%;
background: radial-gradient(closest-side, rgba(6,205,214,.55), rgba(6,205,214,0));
opacity: .22;
z-index: 0;
pointer-events: none;
will-change: opacity;
animation: logoGlow 4s ease-in-out infinite;
}
@keyframes logoGlow {
0%, 100% { opacity: .18; }
50%      { opacity: .8; }
}
.logo-head:hover::before { animation-play-state: paused; opacity: .5; }
.logo-head:hover img {
			filter: drop-shadow(0 0 22px rgba(6,205,214,.6)) drop-shadow(0 0 48px rgba(6,205,214,.3));
		}

		/* ---- FOOTER LOGO GLOW ---- */
		.logo-foot-link img {
			filter: drop-shadow(0 0 10px rgba(6,205,214,.35)) drop-shadow(0 0 22px rgba(6,205,214,.15));
			transition: filter .3s var(--ease);
		}
		.logo-foot-link:hover img {
			filter: drop-shadow(0 0 16px rgba(6,205,214,.55)) drop-shadow(0 0 34px rgba(6,205,214,.28));
		}

		/* ---- HEADER STAT BOXES ---- */
		.makeart-header .header-dod .stat-box {
			background: linear-gradient(155deg, rgba(4,16,20,.92) 0%, rgba(6,48,58,.7) 100%);
			border: 1px solid var(--border);
			border-radius: var(--r-md);
			padding: 12px 24px 12px 62px;
			min-height: 64px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			
			transition: border-color .3s var(--ease), box-shadow .3s var(--ease), transform .25s var(--ease);
			position: relative;
			overflow: hidden;
		}
		.makeart-header .header-dod .stat-box::before {
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			position: absolute;
			left: 15px; top: 50%;
			transform: translateY(-50%);
			width: 32px; height: 32px;
			border-radius: 10px;
			display: flex; align-items: center; justify-content: center;
			background: radial-gradient(circle at 30% 25%, rgba(6,205,214,.4) 0%, rgba(6,205,214,.06) 75%);
			border: 1px solid rgba(6,205,214,.32);
			color: var(--teal);
			font-size: 13px;
			box-shadow: 0 0 12px rgba(6,205,214,.3);
			transition: box-shadow .3s var(--ease), transform .3s var(--ease);
		}
		.stat-box:has(#onlineStat)::before   { content: "\f0e7"; }
		.stat-box:has(#online24Stat)::before { content: "\f017"; }
		.stat-box:has(#accStat)::before      { content: "\f234"; }
		.stat-box:has(#onlineStat)::before {
			animation: statIconPulse 2.2s ease-in-out infinite;
		}
		@keyframes statIconPulse {
			0%,100% { box-shadow: 0 0 12px rgba(6,205,214,.3); }
			50%     { box-shadow: 0 0 20px rgba(6,205,214,.6); }
		}
		.makeart-header .header-dod .stat-box::after {
			content: '';
			position: absolute;
			top: 0; left: 0; right: 0;
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(6,205,214,.5), transparent);
		}
		.makeart-header .header-dod .stat-box:hover::before {
			box-shadow: 0 0 20px rgba(6,205,214,.5);
			transform: translateY(-50%) scale(1.08);
		}
		.makeart-header .header-dod .stat-box:hover {
			border-color: rgba(6,205,214,.5);
			box-shadow: 0 10px 30px rgba(0,0,0,.35), 0 0 26px rgba(6,205,214,.22), inset 0 1px 0 rgba(6,205,214,.15);
			transform: translateY(-3px);
		}
		.makeart-header .header-dod .stat-box strong {
			font-family: 'Inter', sans-serif;
			font-size: 26px;
			font-weight: 700;
			color: var(--teal);
			text-shadow: 0 0 20px rgba(6,205,214,.4);
			font-variant-numeric: tabular-nums;
			line-height: 1.15;
		}
		.makeart-header .header-dod .stat-box span.info-stat {
			font-family: 'Inter', sans-serif;
			font-size: 9px;
			letter-spacing: 1.4px;
			text-transform: uppercase;
			color: rgba(6,205,214,.5);
		}

		/* ---- BOX CARDS ---- */
		.box-sm-v1 {
			border-radius: var(--r-lg) !important;
			overflow: hidden;
			border: 1px solid var(--border) !important;
			box-shadow: 0 14px 40px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.3);
			transition: box-shadow .35s var(--ease), transform .25s var(--ease), border-color .35s var(--ease);
			background: rgba(6,18,24,.88) !important;
position: relative;
		}
		.box-sm-v1::before {
			content: '';
			position: absolute;
			top: 0; left: 0; right: 0;
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(6,205,214,.55), transparent);
			z-index: 2;
			pointer-events: none;
		}
		.box-sm-v1:hover {
			box-shadow: 0 20px 54px rgba(0,0,0,.55), 0 0 26px rgba(6,205,214,.1);
			border-color: rgba(6,205,214,.28) !important;
			transform: translateY(-2px);
		}
		.left-col  .box-sm-v1:nth-child(1) { animation-delay: .05s; }
		.left-col  .box-sm-v1:nth-child(2) { animation-delay: .12s; }
		.right-col .box-sm-v1:nth-child(1) { animation-delay: .08s; }
		.right-col .box-sm-v1:nth-child(2) { animation-delay: .15s; }

		/* ---- BOX HEADINGS ---- */
		.makeart-body .makeart-container .box-sm-v1 .heading {
			background: linear-gradient(90deg, rgba(2,9,11,1) 0%, rgba(5,38,46,.92) 100%) !important;
			border-bottom: 1px solid var(--border);
			border-top: none;
			padding: 12px 18px !important;
			position: relative;
			overflow: hidden;
		}
		.makeart-body .makeart-container .box-sm-v1 .heading::after,
.makeart-body .makeart-container .box-sm-v1 .heading.animv1::after,
.makeart-body .makeart-container .box-sm-v1 .heading.animv2::after {
content: '';
position: absolute;
top: auto; bottom: 0; left: 0;
width: 55%; min-width: 0;
height: 1px;
opacity: 1;
background: linear-gradient(90deg, transparent, var(--teal), transparent);
transform: translateX(-100%);
will-change: transform;
animation: scanLine 3.6s linear infinite;
}
		.makeart-body .makeart-container .box-sm-v1 .heading h2 {
			font-family: 'Inter', sans-serif !important;
			font-size: 10.5px !important;
			letter-spacing: 2.6px !important;
			font-weight: 700 !important;
			color: var(--text-hi) !important;
			text-transform: uppercase;
			position: relative;
			padding-left: 12px;
		}
		.makeart-body .makeart-container .box-sm-v1 .heading h2::before {
			content: '';
			position: absolute;
			left: 0; top: 50%;
			transform: translateY(-50%);
			width: 5px; height: 5px;
			border-radius: 50%;
			background: var(--teal);
			box-shadow: 0 0 8px rgba(6,205,214,.9), 0 0 16px rgba(6,205,214,.5);
		}
		.makeart-body .makeart-container .box-sm-v1 .heading > div > .p-w-l {
			color: rgba(6,205,214,.55);
			font-size: 10px;
			font-family: 'Inter', sans-serif;
			letter-spacing: 1px;
			transition: color .2s var(--ease);
		}
		.makeart-body .makeart-container .box-sm-v1 .heading > div > .p-w-l:hover {
			color: var(--teal);
		}

		/* ---- RANKING ROWS ---- */
		.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-tbody .lane {
			border-top: 1px solid rgba(6,205,214,.05) !important;
			transition: background .22s var(--ease), transform .18s var(--ease), border-color .22s var(--ease) !important;
			position: relative;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-tbody .lane:nth-child(odd) {
			background: rgba(6,20,24,.85) !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-tbody .lane:nth-child(even) {
			background: rgba(4,13,16,.85) !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-tbody .lane:hover {
			background: linear-gradient(90deg, rgba(6,205,214,.12) 0%, rgba(6,55,65,.18) 100%) !important;
			transform: translateX(5px) !important;
			border-color: rgba(6,205,214,.2) !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-tbody .lane .username {
			color: #d3ecee !important;
			font-family: 'Inter', sans-serif;
			font-size: 12px;
			font-weight: 500;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-tbody .lane .level {
			color: var(--teal) !important;
			font-weight: 700;
			font-family: 'Inter', sans-serif;
			font-variant-numeric: tabular-nums;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-thead > * {
			color: rgba(6,205,214,.3) !important;
			font-family: 'Inter', sans-serif !important;
			font-size: 9px !important;
			letter-spacing: 1.6px !important;
			text-transform: uppercase !important;
			font-weight: 600 !important;
		}

		/* ---- TOP 3 ---- */
		.p-tbody .lane.rank-gold   { background: linear-gradient(90deg, rgba(255,182,72,.1) 0%, transparent 60%) !important; }
		.p-tbody .lane.rank-silver { background: linear-gradient(90deg, rgba(232,232,232,.06) 0%, transparent 60%) !important; }
		.p-tbody .lane.rank-bronze { background: linear-gradient(90deg, rgba(205,127,50,.08) 0%, transparent 60%) !important; }
		.p-tbody .lane.rank-gold .order    { color: #ffd166 !important; font-weight: 700 !important; text-shadow: 0 0 10px rgba(255,209,102,.6) !important; }
		.p-tbody .lane.rank-gold .username { color: #ffd166 !important; font-weight: 600 !important; }
		.p-tbody .lane.rank-silver .order    { color: #e8e8e8 !important; font-weight: 700 !important; text-shadow: 0 0 8px rgba(232,232,232,.6) !important; }
		.p-tbody .lane.rank-silver .username { color: #e8e8e8 !important; font-weight: 600 !important; }
		.p-tbody .lane.rank-bronze .order    { color: #e2a06b !important; font-weight: 700 !important; text-shadow: 0 0 8px rgba(226,160,107,.5) !important; }
		.p-tbody .lane.rank-bronze .username { color: #e2a06b !important; font-weight: 600 !important; }
		.rank-icon-gold   { color: #ffd166 !important; font-size: 13px !important; text-shadow: 0 0 10px rgba(255,209,102,.7); }
		.rank-icon-silver { color: #e8e8e8 !important; font-size: 13px !important; text-shadow: 0 0 8px rgba(232,232,232,.6); }
		.rank-icon-bronze { color: #e2a06b !important; font-size: 13px !important; text-shadow: 0 0 8px rgba(226,160,107,.6); }

		/* ---- RANK-ADD BUTTON ---- */
		.makeart-body .makeart-container .box-sm-v1 .inner.rank-add {
			background: linear-gradient(90deg, rgba(6,205,214,.05) 0%, rgba(5,26,32,.5) 100%) !important;
			border-top: 1px solid var(--border) !important;
			transition: background .25s var(--ease) !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			padding: 11px !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.rank-add:hover {
			background: linear-gradient(90deg, rgba(6,205,214,.15) 0%, rgba(5,48,58,.6) 100%) !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.rank-add span {
			color: var(--teal) !important;
			font-size: 10px !important;
			letter-spacing: 2.2px !important;
			text-transform: uppercase !important;
			font-family: 'Inter', sans-serif !important;
			font-weight: 600 !important;
		}

		/* ---- STATS BOX ---- */
		.makeart-body .makeart-container .box-sm-v1 .inner.stats-box .lane-stat {
			display: flex !important;
			align-items: center !important;
			gap: 14px !important;
			background: linear-gradient(90deg, rgba(6,22,27,.9) 0%, rgba(5,42,50,.5) 100%) !important;
			border-left: 3px solid rgba(6,205,214,.3) !important;
			border-bottom: 1px solid rgba(6,205,214,.05) !important;
			padding: 13px 18px !important;
			transition: border-color .22s var(--ease), background .22s var(--ease), transform .18s var(--ease) !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.stats-box .lane-stat::before {
			font-family: 'Font Awesome 5 Free';
			font-weight: 900;
			flex-shrink: 0;
			width: 40px; height: 40px;
			border-radius: 11px;
			display: flex; align-items: center; justify-content: center;
			background: radial-gradient(circle at 30% 25%, rgba(6,205,214,.38) 0%, rgba(6,205,214,.06) 75%);
			border: 1px solid rgba(6,205,214,.3);
			color: var(--teal);
			font-size: 15px;
			box-shadow: 0 0 14px rgba(6,205,214,.2);
			transition: transform .3s var(--ease), box-shadow .3s var(--ease);
		}
		.lane-stat.l-s-1::before { content: "\f0c0"; }
		.lane-stat.l-s-2::before { content: "\f2c2"; }
		.lane-stat.l-s-3::before { content: "\f3ed"; }
		.makeart-body .makeart-container .box-sm-v1 .inner.stats-box .lane-stat:hover::before {
			transform: scale(1.08) rotate(-4deg);
			box-shadow: 0 0 20px rgba(6,205,214,.4);
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.stats-box .lane-stat .text {
			flex: 1;
			display: flex !important;
			flex-direction: column !important;
			text-align: left !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.stats-box .lane-stat:hover {
			border-left-color: var(--teal) !important;
			background: linear-gradient(90deg, rgba(6,205,214,.12) 0%, rgba(5,42,50,.5) 100%) !important;
			transform: translateX(4px);
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.stats-box .lane-stat .text strong {
			font-family: 'Inter', sans-serif !important;
			font-size: 22px !important;
			font-weight: 700 !important;
			color: var(--teal) !important;
			text-shadow: 0 0 14px rgba(6,205,214,.4) !important;
			font-variant-numeric: tabular-nums;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.stats-box .lane-stat .text span {
			font-size: 9px !important;
			letter-spacing: 1.3px !important;
			text-transform: uppercase !important;
			color: rgba(6,205,214,.42) !important;
			font-family: 'Inter', sans-serif !important;
		}

		/* ---- LOGIN BOX ---- */
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box {
			background: linear-gradient(180deg, rgba(4,14,17,.96) 0%, rgba(2,8,10,.99) 100%) !important;
			padding-top: 4px;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box input {
			background: rgba(6,205,214,.045) !important;
			border: 1px solid rgba(6,205,214,.16) !important;
			border-radius: var(--r-sm) !important;
			color: #d8f0f1 !important;
			font-family: 'Inter', sans-serif !important;
			transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease) !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box input::placeholder { color: rgba(150,190,193,.4) !important; }
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box input:focus {
			border-color: rgba(6,205,214,.5) !important;
			background: rgba(6,205,214,.07) !important;
			box-shadow: 0 0 0 3px rgba(6,205,214,.1) !important;
			outline: none !important;
		}
		.recaptcha-frame {
			width: 219px;
			height: 58px;
			overflow: hidden;
			border-radius: 10px;
			border: 1px solid rgba(6,205,214,.28);
			background: rgba(6,205,214,.05);
			box-shadow: inset 0 0 0 1px rgba(6,205,214,.06), 0 4px 16px rgba(0,0,0,.25);
			margin: 8px 0 6px;
			transition: border-color .25s var(--ease), box-shadow .25s var(--ease);
		}
		.recaptcha-frame:hover {
			border-color: rgba(6,205,214,.5);
			box-shadow: inset 0 0 0 1px rgba(6,205,214,.1), 0 4px 20px rgba(6,205,214,.15);
		}
		.recaptcha-frame .g-recaptcha {
			transform: scale(0.72);
			transform-origin: 0 0;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box button[type=submit] {
			background: linear-gradient(135deg, #058c96 0%, var(--teal) 100%) !important;
			border: none !important;
			border-radius: var(--r-sm) !important;
			color: #020c0e !important;
			font-family: 'Inter', sans-serif !important;
			font-weight: 700 !important;
			font-size: 11px !important;
			letter-spacing: 2px !important;
			text-transform: uppercase !important;
			transition: box-shadow .25s var(--ease), transform .18s var(--ease), filter .2s var(--ease) !important;
			cursor: pointer;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box button[type=submit]:hover {
			box-shadow: 0 6px 26px rgba(6,205,214,.35) !important;
			transform: translateY(-1px) !important;
			filter: brightness(1.08);
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box button[type=submit]:active {
			transform: translateY(0) !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box .login-add {
			background: rgba(2,8,10,.75) !important;
			border-top: 1px solid rgba(6,205,214,.07) !important;
		}
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box .login-add .lane .c-golden { color: var(--teal) !important; transition: color .2s var(--ease), text-shadow .2s var(--ease); }
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box .login-add .lane .c-golden:hover { text-shadow: 0 0 10px rgba(6,205,214,.5); }
		.makeart-body .makeart-container .box-sm-v1 .inner.login-box .login-add .lane .c-white  { color: #fff !important; }

		/* ---- USER MENU ---- */
		.user-menu { transition: background .2s var(--ease), transform .18s var(--ease) !important; }
		.user-menu:hover { transform: translateX(5px) !important; }
		.user-menu a { color: #cce8ea !important; font-size: 12px !important; font-family: 'Inter', sans-serif !important; }
		.user-menu a.logout { color: #e0625f !important; }
		.user-menu a:hover { color: var(--teal) !important; }

		/* ---- NEWS FEED ---- */
		.center-col .newsfeed .news-single .titlebar {
			background: linear-gradient(90deg, rgba(4,14,17,.96) 0%, rgba(6,26,31,.65) 100%) !important;
			border-left: 3px solid rgba(6,205,214,.5) !important;
			border-radius: 0 8px 8px 0 !important;
		}
		.center-col .newsfeed .news-single .titlebar > span,
		.center-col .newsfeed .news-single .titlebar > span a { color: #eaf7f8 !important; font-weight: 600; }
		.center-col .newsfeed .news-single .innertext p { color: rgba(165,197,201,.8) !important; line-height: 1.9 !important; }
		.center-col .newsfeed .news-single .innertext strong,
		.center-col .newsfeed .news-single .innertext b { color: var(--teal) !important; }
		.center-col .newsfeed .news-single .innertext [style*="color"] { color: var(--teal) !important; }
		.center-col .newsfeed .news-single .innertext a { color: var(--teal) !important; text-decoration: underline; text-decoration-color: rgba(6,205,214,.3); }
		.center-col .newsfeed .news-single .innertext a:hover { text-shadow: 0 0 10px rgba(6,205,214,.5); }

		/* ---- BANNER ---- */
		.banner-main {
			border-radius: var(--r-lg) !important;
			overflow: hidden !important;
			border: 1px solid var(--border) !important;
			box-shadow: 0 14px 40px rgba(0,0,0,.45) !important;
		}
		.banner-main .inside { display: block; transition: transform .4s var(--ease), filter .4s var(--ease); }
		.banner-main .inside:hover { transform: scale(1.015); filter: brightness(1.06); }

		/* ---- FOOTER ---- */
		.makeart-footer {
			position: relative;
		}
		.makeart-footer::before {
			content: '';
			display: block;
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(6,205,214,.22), transparent);
			margin-bottom: 18px;
		}
		.makeart-footer .foot-menu ul li {
			color: rgba(170,195,200,.45) !important;
			font-size: 10px !important;
			letter-spacing: 1.6px !important;
			text-transform: uppercase !important;
			font-weight: 600 !important;
			font-family: 'Inter', sans-serif !important;
			transition: color .2s var(--ease) !important;
		}
		.makeart-footer .foot-menu ul li:hover,
		.makeart-footer .foot-menu ul li.active { color: var(--teal) !important; }

		/* ---- MINI ICONS RIGHT ---- */
		#mini-icons a {
			background: rgba(4,14,17,.9) !important;
			border-left: 2px solid rgba(6,205,214,.22) !important;
			color: rgba(6,205,214,.7) !important;
			
			transition: background .22s var(--ease), color .22s var(--ease) !important;
		}
		#mini-icons .discord:hover a { background: #5865f2 !important; border-left-color: #5865f2 !important; color: #fff !important; }

		/* ---- SCROLLBAR ---- */
		::-webkit-scrollbar { width: 6px; }
		::-webkit-scrollbar-track { background: rgba(2,8,10,.5); }
		::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--teal) 0%, rgba(3,40,48,1) 100%); border-radius: 3px; }
		::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #4ae4eb 0%, var(--teal) 100%); }

		/* ---- KEYFRAMES ---- */
		@keyframes fadeInUp {
			from { opacity: 0; transform: translateY(16px); }
			to   { opacity: 1; transform: translateY(0); }
		}
		@keyframes scanLine {
to { transform: translateX(300%); }
}

		/* ---- RESPONSIVE POLISH ---- */
		@media (max-width: 1200px) {
.hero-title { font-size: 48px; letter-spacing: 6px; }
}

		/* ===== END REDESIGN ===== */

/* ---- BUTOANE LATERALE STANGA ---- */
		#mini-icons-left{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:9998;display:flex;flex-direction:column;gap:6px;}
		#mini-icons-left .side-btn{display:flex;align-items:center;background:rgba(6,20,25,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(6,205,214,.18);border-left:none;border-radius:0 10px 10px 0;padding:9px 16px 9px 11px;box-shadow:3px 0 20px rgba(0,0,0,.35);transition:all .3s cubic-bezier(.16,.8,.24,1);transform:translateX(-6px);}
		#mini-icons-left .side-btn:hover{background:rgba(6,205,214,.16);border-color:rgba(6,205,214,.5);box-shadow:3px 0 26px rgba(6,205,214,.3);transform:translateX(0);}
		#mini-icons-left .side-btn.prezentare{border-color:rgba(160,80,210,.22);}
		#mini-icons-left .side-btn.prezentare:hover{background:rgba(160,80,210,.16);border-color:rgba(180,100,230,.5);box-shadow:3px 0 26px rgba(160,80,210,.3);}
		#mini-icons-left .side-btn a{color:#e2f5f6;font-size:10.5px;font-weight:600;font-family:'Inter',sans-serif;letter-spacing:1.2px;text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap;text-transform:uppercase;}
		#mini-icons-left .side-btn a i{font-size:12px;color:#06cdd6;transition:transform .3s cubic-bezier(.16,.8,.24,1);}
		#mini-icons-left .side-btn.prezentare a i{color:#b060e0;}
		#mini-icons-left .side-btn:hover a i{transform:scale(1.15);}

/* ---- MODALE (Terms / Privacy) ---- */
.vii-modal-overlay{display:none;position:fixed;inset:0;background:rgba(1,4,6,.86);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99999;align-items:center;justify-content:center;padding:16px;animation:viiOverlayIn .25s cubic-bezier(.16,.8,.24,1) both;}
@keyframes viiOverlayIn{from{opacity:0;}to{opacity:1;}}
@keyframes viiBoxIn{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
.vii-modal-box{background:rgba(5,15,18,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(6,205,214,.2);border-radius:16px;width:100%;max-width:680px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.6), 0 0 40px rgba(6,205,214,.08);animation:viiBoxIn .3s cubic-bezier(.16,.8,.24,1) both;position:relative;overflow:hidden;}
.vii-modal-box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,205,214,.6),transparent);z-index:1;}
.vii-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(6,205,214,.14);flex-shrink:0;}
.vii-modal-header h3{margin:0;font-size:15px;color:#eaf7f8;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:.3px;}
.vii-modal-close{background:rgba(6,205,214,.08);border:1px solid rgba(6,205,214,.16);width:28px;height:28px;border-radius:8px;color:rgba(6,205,214,.7);font-size:18px;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,.8,.24,1);}
.vii-modal-close:hover{color:#fff;background:rgba(6,205,214,.2);border-color:rgba(6,205,214,.4);transform:rotate(90deg);}
.vii-modal-body{overflow-y:auto;padding:22px 24px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(6,205,214,.25) transparent;}
.vii-modal-body::-webkit-scrollbar{width:5px;}
.vii-modal-body::-webkit-scrollbar-track{background:transparent;}
.vii-modal-body::-webkit-scrollbar-thumb{background:rgba(6,205,214,.25);border-radius:3px;}
.vii-modal-body h4{color:#06cdd6;font-size:12.5px;margin:20px 0 7px;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:.3px;}
.vii-modal-body h4:first-child{margin-top:0;}
.vii-modal-body p,.vii-modal-body li{color:rgba(165,197,201,.8);font-size:12px;line-height:1.75;margin:0 0 6px;}
.vii-modal-body ul{padding-left:18px;margin:4px 0 10px;}
.vii-modal-body .disclaimer{background:rgba(6,205,214,.07);border:1px solid rgba(6,205,214,.16);border-left:3px solid #06cdd6;border-radius:8px;padding:12px 16px;margin-bottom:18px;}
.vii-modal-body .disclaimer p{color:#8fe6ec;margin:0;font-size:11.5px;}
.vii-modal-body a{color:#06cdd6;}
.vii-modal-footer{padding:16px 24px;border-top:1px solid rgba(6,205,214,.14);flex-shrink:0;text-align:right;}
.vii-modal-footer button{background:linear-gradient(135deg,#058c96 0%,#06cdd6 100%);border:none;color:#020c0e;font-size:12.5px;font-weight:700;padding:10px 30px;border-radius:8px;cursor:pointer;font-family:'Inter',sans-serif;letter-spacing:1px;text-transform:uppercase;transition:box-shadow .25s cubic-bezier(.16,.8,.24,1),transform .18s cubic-bezier(.16,.8,.24,1);}
.vii-modal-footer button:hover{box-shadow:0 6px 24px rgba(6,205,214,.35);transform:translateY(-1px);}
.vii-modal-body .section-num{color:#06cdd6;font-weight:700;}

/* ---- NOTIFICARE VERSIUNE CLIENT ---- */
.vii-toast-wrap{
	position:fixed;
	inset:0;
	z-index:100000;
	display:none;
	align-items:center;
	justify-content:center;
	pointer-events:auto;
	padding:16px;
	background: radial-gradient(60% 60% at 50% 50%, rgba(6,205,214,.16) 0%, rgba(1,5,7,.93) 72%);
	backdrop-filter: blur(6px) saturate(140%);
	-webkit-backdrop-filter: blur(6px) saturate(140%);
	animation: viiOverlayIn .35s cubic-bezier(.16,.8,.24,1) both;
}
.vii-toast-wrap.vii-toast-wrap-hide{
	animation: viiOverlayOut .4s cubic-bezier(.16,.8,.24,1) both;
}
.vii-toast{
	pointer-events:auto;
	position:relative;
	display:flex;
	flex-direction:column;
	gap:12px;
	background:rgba(5,15,18,.92);
	backdrop-filter:blur(20px) saturate(140%);
	-webkit-backdrop-filter:blur(20px) saturate(140%);
	border:1px solid rgba(6,205,214,.3);
	border-radius:16px;
	padding:20px 22px 18px;
	max-width:480px;
	box-shadow:0 24px 70px rgba(0,0,0,.6), 0 0 50px rgba(6,205,214,.15);
	overflow:hidden;
	animation: viiToastIn .45s cubic-bezier(.16,.8,.24,1) both;
}
.vii-toast-main{
	display:flex;
	align-items:center;
	gap:16px;
	padding-right:26px;
}
.vii-toast.vii-toast-hide{
	animation: viiToastOut .4s cubic-bezier(.16,.8,.24,1) both;
}
.vii-toast::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,205,214,.7),transparent);}
.vii-toast-icon{
	flex-shrink:0;
	width:46px;height:46px;
	border-radius:12px;
	display:flex;align-items:center;justify-content:center;
	background:radial-gradient(circle at 30% 25%, rgba(6,205,214,.4) 0%, rgba(6,205,214,.08) 75%);
	border:1px solid rgba(6,205,214,.35);
	color:#06cdd6;
	font-size:18px;
	box-shadow:0 0 16px rgba(6,205,214,.35);
	animation: statIconPulse 2.2s ease-in-out infinite;
}
.vii-toast-text{display:flex;flex-direction:column;gap:3px;}
.vii-toast-text strong{
	font-family:'Inter',sans-serif;
	font-size:14px;
	font-weight:700;
	letter-spacing:1px;
	color:#eaf7f8;
	text-transform:uppercase;
}
.vii-toast-text span{
	font-family:'Inter',sans-serif;
	font-size:12px;
	color:rgba(165,197,201,.75);
}
.vii-toast-note{
	display:flex;
	align-items:flex-start;
	gap:8px;
	background:rgba(6,205,214,.07);
	border:1px solid rgba(6,205,214,.16);
	border-left:3px solid #06cdd6;
	border-radius:8px;
	padding:10px 12px;
}
.vii-toast-note i{
	color:#06cdd6;
	font-size:13px;
	margin-top:2px;
	flex-shrink:0;
}
.vii-toast-note p{
	margin:0;
	font-family:'Inter',sans-serif;
	font-size:11.5px;
	line-height:1.55;
	color:rgba(165,197,201,.85);
}
.vii-toast-note b{
	color:#8fe6ec;
	font-weight:700;
}
.vii-toast-close{
	position:absolute;
	top:10px; right:10px;
	background:rgba(6,205,214,.08);
	border:1px solid rgba(6,205,214,.16);
	width:24px;height:24px;
	border-radius:7px;
	color:rgba(6,205,214,.7);
	font-size:15px;
	cursor:pointer;
	line-height:1;
	padding:0;
	display:flex;align-items:center;justify-content:center;
	transition:all .2s cubic-bezier(.16,.8,.24,1);
}
.vii-toast-close:hover{color:#fff;background:rgba(6,205,214,.25);border-color:rgba(6,205,214,.45);transform:rotate(90deg);}
.vii-toast-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(6,205,214,.08);}
.vii-toast-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#058c96,#06cdd6);transform-origin:left;animation:viiToastShrink 10s linear both;}
@keyframes viiOverlayOut{from{opacity:1;}to{opacity:0;}}
@keyframes viiToastIn{from{opacity:0;transform:translateY(-18px) scale(.96);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes viiToastOut{from{opacity:1;transform:translateY(0) scale(1);}to{opacity:0;transform:translateY(-14px) scale(.97);}}
@keyframes viiToastShrink{from{transform:scaleX(1);}to{transform:scaleX(0);}}
@media (max-width:480px){
	.vii-toast{ padding:16px 16px 14px; max-width:100%; }
	.vii-toast-main{ padding-right:24px; }
	.vii-toast-icon{ width:38px;height:38px;font-size:15px; }
	.vii-toast-text strong{ font-size:12.5px; }
	.vii-toast-text span{ font-size:11px; }
	.vii-toast-note p{ font-size:11px; }
}

/* ============================================================
   v2026.3 - miscare, accesibilitate, efecte
   ============================================================ */

html { scroll-behavior: smooth; }

/* link "salt la continut" (vizibil doar la tastatura) */
.skip-link {
	position: absolute; left: 12px; top: -64px; z-index: 100001;
	background: var(--teal); color: #02080a;
	padding: 9px 16px; border-radius: 0 0 10px 10px;
	font: 700 12px 'Inter', sans-serif; letter-spacing: 1px; text-transform: uppercase;
	transition: top .2s var(--ease);
}
.skip-link:focus { top: 0; outline: none; color: #02080a; }

:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }
.btn:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline-offset: 2px; }

/* modal / notificare deschisa => pagina din spate nu se mai deruleaza */
html.vii-locked, html.vii-locked body { overflow: hidden; }

/* ---- aparitie la scroll (clasele sunt puse de vision.js doar pe elementele de sub ecran) ---- */
.js .reveal { opacity: 0; transform: translate3d(0, 18px, 0); }
.js .reveal.is-in {
	opacity: 1; transform: none;
	transition: opacity .7s var(--ease) var(--rd, 0ms), transform .7s var(--ease) var(--rd, 0ms);
}

/* ---- "spotlight": lumina urmareste cursorul pe carduri ---- */
.box-sm-v1::after,
.center-col .newsfeed .news-single::after {
	content: '';
	position: absolute; inset: 0;
	border-radius: inherit;
	pointer-events: none;
	opacity: 0;
	z-index: 1;
	background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 0%), rgba(6,205,214,.11), transparent 70%);
	transition: opacity .35s var(--ease);
}
.box-sm-v1:hover::after,
.center-col .newsfeed .news-single:hover::after { opacity: 1; }
.center-col .newsfeed .news-single { position: relative; }

/* ---- cand hero-ul nu se vede, animatiile lui se opresc ---- */
.hero-off .hero-pvm::after,
.hero-off .hero-easy,
.hero-off .logo-head::before,
.hero-off .stat-box::before { animation-play-state: paused !important; }

/* ---- buton "sus" (apare dupa ce treci de hero) ---- */
.to-top-fab {
	position: fixed; right: 18px; bottom: 18px; z-index: 9990;
	width: 44px; height: 44px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 14px;
	background: rgba(6,20,25,.88);
	border: 1px solid rgba(6,205,214,.3);
	color: var(--teal) !important;
	box-shadow: 0 8px 24px rgba(0,0,0,.4);
	opacity: 0; pointer-events: none;
	transform: translate3d(0, 12px, 0);
	transition: opacity .25s var(--ease), transform .25s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
}
.past-hero .to-top-fab { opacity: 1; pointer-events: auto; transform: none; }
.to-top-fab:hover { background: rgba(6,205,214,.18); border-color: rgba(6,205,214,.6); }

/* ---- utilizatorii care cer mai putina miscare ---- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
	body::before { animation: none; }
}

/* ============================================================
   v2026.3 - RESPONSIVE
   Tema originala are latimi fixe (~1290px). Straturile de mai jos o fac fluida;
   peste 1320px nimic nu se schimba.
   ============================================================ */

/* ---------- <= 1320px: layout fluid, 3 coloane raman ---------- */
@media (max-width: 1320px) {
	.makeart-header, .makeart-body { min-width: 0 !important; }
	.makeart-body .makeart-container { width: 100% !important; max-width: 1260px; box-sizing: border-box; }
	.makeart-body .makeart-container .center-col { flex: 1 1 auto; width: auto !important; min-width: 0 !important; max-width: none !important; }
	.center-col .banner-main .inside { max-width: 100% !important; min-width: 0 !important; width: 100% !important; }
	.center-col .banner-main .inside img { width: 100%; height: auto; }
	.center-col .newsfeed .news-single .titlebar { width: auto !important; margin-left: 0 !important; background-size: 100% 100%; }

	.makeart-header .makeart-nav ul { width: auto !important; min-width: 0 !important; max-width: none !important; flex: 1 1 0; }
	.makeart-header .makeart-nav ul.l-menu { margin-right: 20px !important; }
	.makeart-header .makeart-nav ul.r-menu { margin-left: 20px !important; }
	.makeart-header .makeart-nav ul li { margin-left: 0 !important; margin-right: 0 !important; }
	.makeart-header .makeart-nav ul.l-menu li, .makeart-header .makeart-nav ul.r-menu li { margin: 0 clamp(10px, 2vw, 28px) !important; }
	.makeart-header .makeart-nav .l-menu li:first-child { padding-left: 0 !important; }
	.makeart-header .header-dod { width: 100% !important; max-width: 1260px; box-sizing: border-box; padding-left: 16px; padding-right: 16px; }
	.hero-slogan { left: 6% !important; }
}

/* ---------- <= 1020px: coloanele laterale se aseaza sub stiri ---------- */
@media (max-width: 1020px) {
	.makeart-header { height: 700px !important; background-position: 62% center !important; }
	.makeart-header .header-dod { padding-top: 400px; }
	.makeart-body { margin-top: -70px !important; padding-top: 40px !important; }
	.makeart-body .makeart-container.main { flex-wrap: wrap; gap: 18px 0; padding: 0 12px; }
	.makeart-body .makeart-container .center-col { order: -1; flex: 1 1 100%; }
	.makeart-body .makeart-container .left-col,
	.makeart-body .makeart-container .right-col { flex: 1 1 320px; width: auto !important; min-width: 0 !important; max-width: none !important; padding: 0 6px; box-sizing: border-box; }
	.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-tbody .lane,
	.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-tbody .lane:hover,
	.user-menu { width: 100% !important; left: 0 !important; box-sizing: border-box; }
	.makeart-body .makeart-container .box-sm-v1 .inner.rank .p-thead { width: 100%; box-sizing: border-box; }
	.makeart-body .makeart-container .box-sm-v1 .inner.rank-add { width: 100% !important; background-size: cover; }
	.makeart-body .makeart-container .box-sm-v1 .inner.login-box form > label.password,
	.makeart-body .makeart-container .box-sm-v1 .inner.login-box form > label.username { width: 100% !important; }
	.makeart-body .makeart-container .box-sm-v1 .inner.loggedin-box .navs a { width: 100% !important; }

	.makeart-footer .foot-menu { flex-direction: column; gap: 18px; margin-bottom: 70px !important; }
	.makeart-footer .foot-menu ul { flex-wrap: wrap; justify-content: center; }
	.makeart-footer .foot-menu ul li { margin: 6px 14px !important; text-align: center; }
	.makeart-footer .foot-foot { justify-content: center; }
}

/* ---------- <= 767px: telefon ---------- */
@media (max-width: 767px) {
	body { font-size: 14px; padding-bottom: 64px; }

	/* bara de navigatie: logo sus, 2 randuri de link-uri sub el */
	.makeart-header .makeart-nav { height: auto !important; min-height: 0 !important; flex-wrap: wrap; align-content: flex-start; position: relative; padding: 6px 8px 14px; }
	.makeart-header .makeart-nav:before { width: 100% !important; min-width: 0 !important; height: 100% !important; left: 0; transform: none !important; background-size: auto 100%; background-position: center bottom; background-repeat: repeat-x; }
	.makeart-header .makeart-nav > .logo-head { order: -1; flex: 0 0 100%; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 6px 0 2px !important; }
	.makeart-header .makeart-nav > .logo-head img { height: 54px; width: auto; }
	.makeart-header .makeart-nav ul { flex: 1 1 100%; justify-content: space-around !important; margin: 4px 0 0 !important; }
	.makeart-header .makeart-nav ul.l-menu, .makeart-header .makeart-nav ul.r-menu { margin: 4px 0 0 !important; }
	.makeart-header .makeart-nav ul.l-menu li, .makeart-header .makeart-nav ul.r-menu li { margin: 0 6px !important; }
	.makeart-header .makeart-nav ul li a { font-size: 10px !important; letter-spacing: 1.2px !important; padding: 8px 4px !important; }

	/* hero */
	.makeart-header { height: auto !important; min-height: 600px; background-position: 74% top !important; background-size: auto 100% !important; }
	.hero-slogan { display: block !important; position: absolute !important; left: 0 !important; right: 0; top: 235px !important; text-align: center !important; padding: 0 12px; }
	.hero-slogan .hero-title { font-size: clamp(34px, 11vw, 52px); letter-spacing: clamp(3px, 1.6vw, 8px); }
	.hero-slogan .hero-sub { justify-content: center; font-size: 10px; letter-spacing: 3px; }
	.hero-slogan .hero-sub::before { display: none; }
	.makeart-header .header-dod { flex-wrap: wrap; justify-content: center; gap: 10px; padding: 300px 12px 22px !important; }
.makeart-header .header-dod .download { flex: 0 0 100%; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 112px !important; margin: 0 0 4px !important; display: flex; justify-content: center; }
.makeart-header .header-dod .download::before, .makeart-header .header-dod .download::after { left: 50% !important; margin-left: 0; }
.makeart-header .header-dod .download::after { transform: translateX(-50%) scale(.8); transform-origin: center top; }
.makeart-header .header-dod .download::before { transform: translateX(-50%) scale(.85); top: 38px !important; }
.makeart-header .header-dod .stat-box { flex: 1 1 calc(50% - 10px); width: auto !important; min-width: 0; margin: 0 !important; padding: 8px 10px 8px 50px !important; min-height: 52px !important; box-sizing: border-box; }
.makeart-header .header-dod .stat-box::before { left: 10px !important; width: 28px !important; height: 28px !important; font-size: 11px !important; }
.makeart-header .header-dod .stat-box strong { font-size: 19px !important; }
.makeart-header .header-dod .stat-box span.info-stat { font-size: 8px !important; max-width: none; }

	/* continut */
	.makeart-body { margin-top: -30px !important; padding-top: 28px !important; }
	.makeart-body .makeart-container.main { padding: 0 10px; }
	.makeart-body .makeart-container .left-col,
	.makeart-body .makeart-container .right-col { flex-basis: 100%; padding: 0; }
	.center-col .newsfeed { padding: 0 6px !important; margin-top: 14px !important; }
	.center-col .newsfeed .news-single .titlebar { flex-wrap: wrap; height: auto !important; min-height: 36px; padding: 6px 14px !important; gap: 2px 12px; }
	.center-col .newsfeed .news-single .innertext img, .post_content img { max-width: 100%; height: auto; }
	.center-col .banner-main { padding: 0 !important; }

	/* butoane plutitoare: nu mai acopera continutul */
	#mini-icons { top: auto !important; bottom: 74px; right: 0; transform: scale(.82); transform-origin: right bottom; }
	#mini-icons-left { top: auto !important; bottom: 14px; left: 8px !important; right: auto; transform: none !important; flex-direction: row !important; gap: 6px; }
	#mini-icons-left .side-btn { border-left: 1px solid rgba(6,205,214,.18) !important; border-radius: 10px !important; padding: 8px 12px !important; transform: none !important; }
	#mini-icons-left .side-btn a { font-size: 10px; }

	/* modale / notificari */
	.vii-modal-box { max-height: 92vh; }
	.vii-modal-body { padding: 16px 16px; }
	.vii-modal-header, .vii-modal-footer { padding-left: 16px; padding-right: 16px; }
	.makeart-footer .foot-foot .ownertag > div { gap: 10px 16px !important; }
	.to-top-fab { right: 12px; bottom: 14px; }
}

/* ---------- <= 400px: telefoane inguste ---------- */
@media (max-width: 400px) {
.hero-slogan .hero-title { letter-spacing: 3px; }
	.makeart-body .makeart-container .box-sm-v1 .inner.rank .pix-tab .username { width: auto; flex: 1 1 auto; }
}