*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.container{width:96%;margin:0 auto;max-width:1800px}
.page-home .container{max-width:1400px;width:90%}
.main.container{padding-top:20px}
.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-nn);color:#0a0b0f;padding:8px 16px;text-decoration:none;z-index:100;font-weight:600;border-radius:0 0 8px 0}
.skip-link:focus{top:0}
/* @media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}} */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}
.lightbox.open{display:flex}
.lightbox-content{max-width:min(1200px,94vw);max-height:86vh;position:relative}
.lightbox img,.lightbox video{max-width:100%;max-height:86vh;display:block;border-radius:12px}
.lightbox .close{position:absolute;top:-40px;right:0;background:#ffffffdb;color:#111;border:1px solid #e5e7eb;padding:10px 12px;border-radius:10px;cursor:pointer}
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:32px;font-weight:300;cursor:pointer;z-index:51;transition:all .2s ease;user-select:none}
.lightbox-arrow:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}
.lightbox-prev{left:20px}
.lightbox-next{right:20px}
.lightbox-hints{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:none;flex-direction:row;gap:12px;align-items:center;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;color:#fff;font-size:12px;z-index:51;pointer-events:none}
.lightbox.open .lightbox-hints{display:flex}
.lightbox-hints span{opacity:.8;display:flex;align-items:center;gap:4px}
.lightbox-hints kbd{background:rgba(255,255,255,.2);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:11px;border:1px solid rgba(255,255,255,.1)}
@media(max-width:768px){.lightbox-arrow{width:40px;height:40px;font-size:24px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-hints{bottom:10px;font-size:11px;padding:6px 12px;gap:8px}.lightbox-hints kbd{font-size:10px;padding:2px 4px}}


/* === NEO-NOIR THEME WITH SIDEBAR === */
:root{--bg-nn:#0a0b0f;--panel-nn:#0f1017ee;--text-nn:#e9ebff;--muted-nn:#a5a7c2;--accent-nn:#8a6cff;--accent2-nn:#2de2e6;--stroke-nn:#1b1d28;--glass-nn:#0f1017cc}
.nn{background:
	radial-gradient(1400px 700px at 5% -5%, #2de2e618, transparent 65%),
	radial-gradient(1200px 600px at 95% 105%, #8a6cff1a, transparent 65%),
	radial-gradient(800px 400px at 50% 50%, #8a6cff08, transparent 80%),
	linear-gradient(180deg,#090a0e,#0a0b0f,#0a0b0f);
color:var(--text-nn);position:relative}
.nn::before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,#2de2e603 0%,transparent 50%),radial-gradient(circle at 80% 70%,#8a6cff03 0%,transparent 50%);pointer-events:none;z-index:0}
.layout{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}
.topbar{position:sticky;top:0;background:var(--glass-nn);backdrop-filter:blur(16px);border-bottom:1px solid var(--stroke-nn);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;z-index:100}
aside.sidebar{display:none} /* Ocultando sidebar antiga se ainda estiver no HTML */
header.page-head{display:none} /* Removendo header extra se houver */
.topbar .brand{display:flex;align-items:center;gap:10px;color:var(--text-nn);text-decoration:none;font-weight:830;letter-spacing:-0.2px;font-size:18px}
.topbar .brand .dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,var(--accent-nn),var(--accent2-nn));box-shadow:0 0 10px var(--accent-nn)}
.nav-horiz{display:flex;gap:12px;align-items:center}
.nav-horiz a{color:var(--muted-nn);text-decoration:none;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s ease;border:1px solid transparent}
.nav-horiz a:hover,.nav-horiz a.active{color:var(--text-nn);background:#ffffff0a;border-color:#ffffff0f}
.topbar .social{display:flex;gap:10px;align-items:center;color:var(--muted-nn);font-size:13px}
.main{padding:20px}
.hero-neo{border:1px solid var(--stroke-nn);background:linear-gradient(180deg,#0f1119,#0c0e16,#0a0b0f);border-radius:18px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.03)}
.hero-neo .inner{display:grid;grid-template-columns:1fr;gap:16px;padding:48px 36px;justify-items:center;text-align:center}
.kicker{display:inline-block;color:var(--muted-nn);letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin-bottom:6px}
.hero-neo h1{margin:0;font-size:clamp(32px,6vw,68px);line-height:.98;background:linear-gradient(90deg,var(--text-nn),#cfd3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-neo p,.hero-description{margin:20px 0 0;color:var(--muted-nn);font-size:clamp(16px,2.2vw,19px);line-height:1.7;max-width:680px;opacity:.92;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.2px}
.hero-neo .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;background:linear-gradient(180deg,#0b0c12ee,#080910ee);border:1px solid #202233;padding:12px 16px;border-radius:999px;width:max-content;margin:28px auto 0;box-shadow:0 12px 32px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.2);backdrop-filter:blur(8px)}
.btn-nn{background:#121422;border:1px solid #22243a;color:var(--text-nn);padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}
.btn-nn:hover{border-color:#3a3d52;box-shadow:0 4px 12px rgba(0,0,0,.3),0 0 0 1px rgba(138,108,255,.1),inset 0 1px 0 rgba(255,255,255,.08)}
.btn-nn:focus-visible,.card-nn:focus-visible{outline:2px solid var(--accent-nn);outline-offset:2px}
.btn-nn.primary{background:linear-gradient(135deg,var(--accent-nn),var(--accent2-nn));border-color:transparent;color:#0a0b0f;box-shadow:0 4px 16px rgba(138,108,255,.3),0 2px 8px rgba(45,226,230,.2),inset 0 1px 0 rgba(255,255,255,.2)}
.btn-nn.primary:hover{box-shadow:0 6px 24px rgba(138,108,255,.4),0 4px 12px rgba(45,226,230,.3),0 0 0 2px rgba(45,226,230,.2),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-nn:not(.primary){background:transparent;border-color:#2b2e48}
.btn-nn:not(.primary):hover{background:linear-gradient(180deg,#121422,#0f1119);border-color:#3a3d52}
@media (max-width:680px){.hero-neo .cta{gap:8px;padding:6px}.hero-neo .inner{padding:32px 24px}.hero-description{font-size:15px;line-height:1.6}}
.hero-neo .art{min-height:220px;border-radius:14px;background:
	radial-gradient(400px 200px at 30% 20%, #2de2e633, transparent 60%),
	radial-gradient(500px 320px at 80% 70%, #8a6cff2b, transparent 60%),
	linear-gradient(180deg,#0c0e16,#0a0b0f);
border:1px solid #1a1d2a}
.section-nn{padding:18px 0 28px}
.grid-cards-nn{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card-nn{background:linear-gradient(180deg,#0f1119,#0b0d14);border:1px solid var(--stroke-nn);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text-nn);position:relative;box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.02)}
.card-nn::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(138,108,255,.05) 50%,rgba(45,226,230,.03) 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}
.card-nn:hover::before{opacity:1}
.card-nn:hover{border-color:#3a3d52;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(138,108,255,.1)}
.card-nn img,.card-nn video{width:100%;height:200px;object-fit:cover;display:block;background:#080910;position:relative;z-index:0;opacity:0;transition:opacity .4s ease}
.card-nn img[style*="opacity:1"],.card-nn video[style*="opacity:1"]{opacity:1}
.card-icon{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0a0b0f,#080910);position:relative;z-index:0;padding:40px}
.card-icon svg{width:100%;height:100%;max-width:120px;max-height:120px;filter:drop-shadow(0 0 12px rgba(138,108,255,.3)) drop-shadow(0 0 6px rgba(45,226,230,.2));transition:transform .5s cubic-bezier(.4,0,.2,1),filter .5s ease}
.card-nn:hover .card-icon svg{transform:scale(1.15);filter:drop-shadow(0 0 20px rgba(138,108,255,.5)) drop-shadow(0 0 10px rgba(45,226,230,.4))}
.card-nn .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;position:relative;z-index:2;background:linear-gradient(180deg,transparent 0%,rgba(11,13,18,.6) 100%)}
.card-nn .body h3{margin:0;font-size:18px;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.card-nn .body span{color:var(--muted-nn);font-size:13.5px;opacity:.85}
.page-header-nn{padding:10px 0 8px;border-bottom:none;margin-bottom:0px;position:relative}
.page-header-nn::after{display:none}
.page-header-nn h2{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:0px;background:var(--text-nn);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:none;margin:0;position:relative;line-height:1}
.page-header-nn h2::after{display:none}
.filters{padding:12px 0 20px;display:flex;gap:8px;flex-wrap:wrap}
.filters .chip-nn{padding:8px 14px;font-size:13px}
.filters .chip-nn{border:1px solid var(--stroke-nn);background:linear-gradient(180deg,#10121a,#0d0f16);color:var(--text-nn);padding:10px 16px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s ease;box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.03)}
.chip-nn:hover{border-color:#3a3d52;background:linear-gradient(180deg,#121422,#0f1119);box-shadow:0 4px 12px rgba(0,0,0,.3),0 0 0 1px rgba(138,108,255,.1)}
.chip-nn[data-active="true"]{background:linear-gradient(135deg,var(--accent-nn),var(--accent2-nn));color:#0a0b0f;border-color:transparent;box-shadow:0 4px 16px rgba(138,108,255,.3),0 2px 8px rgba(45,226,230,.2),inset 0 1px 0 rgba(255,255,255,.2);font-weight:600}
.chip-nn[data-active="true"]:hover{box-shadow:0 6px 20px rgba(138,108,255,.4),0 4px 12px rgba(45,226,230,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.gallery-nn{display:flex;flex-direction:column;gap:16px;padding:10px 0 40px;opacity:1;transition:opacity .3s ease}
.gallery-nn:not([data-ordered="true"]){opacity:0;pointer-events:none}
.nn-row{display:flex;width:100%;gap:16px;opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s cubic-bezier(.16,1,.3,1)}
.nn-row.nn-row-ready{opacity:1;transform:translateY(0)}
.nn-row:not(:has(.media-nn)){display:none}
.media-nn{flex:1 1 0%;position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--stroke-nn);background:linear-gradient(180deg,#0f1119,#0b0d14);cursor:zoom-in;transition:flex .6s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.02);animation:fadeInScale .5s ease-out backwards;transform:translateZ(0)}
.media-nn:nth-child(1){animation-delay:.05s}
.media-nn:nth-child(2){animation-delay:.1s}
.media-nn:nth-child(3){animation-delay:.15s}
.media-nn:nth-child(4){animation-delay:.2s}
.media-nn:nth-child(5){animation-delay:.25s}
.media-nn:nth-child(6){animation-delay:.3s}
.media-nn::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(138,108,255,.06) 50%,rgba(45,226,230,.04) 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}
.media-nn:hover::before{opacity:1}
.media-nn:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 20px 48px rgba(138,108,255,.25),0 12px 32px rgba(45,226,230,.2),0 0 0 1px rgba(138,108,255,.15);border-color:#454860}
.media-nn img,.media-nn video{width:100%;height:auto;display:block;transition:opacity .3s ease,transform .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:0;will-change:transform}
.media-nn img[style*="opacity:0"]{background:linear-gradient(180deg,#0f1119,#0b0d14)}
.media-nn img:not([src]):not([data-src]){background:linear-gradient(180deg,#0f1119,#0b0d14);min-height:200px}
.media-nn:hover img,.media-nn:hover video{transform:scale(1.04)}
.media-nn video{background:#080910;object-fit:cover;min-height:200px}
.media-nn[data-has-video]::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(138,108,255,.3);backdrop-filter:blur(10px);border-radius:50%;border:2px solid rgba(138,108,255,.5);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease}
.media-nn[data-has-video]:not([data-loaded])::after{opacity:1}
.media-nn[data-has-video]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:0;height:0;border-left:12px solid rgba(255,255,255,.9);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}
.media-nn[data-has-video]:not([data-loaded])::before{opacity:1}
.media-nn .cap{position:absolute;left:10px;bottom:10px;background:linear-gradient(180deg,rgba(11,12,18,.95),rgba(8,9,14,.9));color:#fff;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:600;border:1px solid rgba(138,108,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 1px rgba(45,226,230,.1);backdrop-filter:blur(8px);z-index:2;letter-spacing:.3px}
.footer-nn{border-top:1px solid var(--stroke-nn);padding:24px 0 32px;margin-top:32px;background:linear-gradient(180deg,#090a10,#07080d);position:relative}
.footer-nn::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-nn) 20%,var(--accent2-nn) 50%,var(--accent-nn) 80%,transparent);opacity:.3}
.footer-nn .links{display:flex;gap:16px}
.footer-nn .links a{color:var(--muted-nn);text-decoration:none;padding:8px 12px;border-radius:8px;transition:all .25s ease;font-weight:500}
.footer-nn .links a:hover{color:var(--text-nn);background:rgba(138,108,255,.1);box-shadow:0 0 0 1px rgba(138,108,255,.2)}
.page-header-nn p.muted{color:var(--muted-nn);margin:8px 0 0;font-size:15px;opacity:.85}
@media (max-width:980px){
	.layout{grid-template-columns:1fr}
	.topbar{flex-direction:column;gap:12px;padding:16px 20px}
	.nav-horiz{flex-wrap:wrap;justify-content:center}
}


/* hero title enhancement */
.brand-title{margin:0 0 12px;font-size:clamp(42px,8vw,92px);line-height:.92;letter-spacing:.8px;position:relative;font-weight:900}
.brand-title::after{content:"";display:block;width:80px;height:4px;margin:14px auto 0;border-radius:3px;background:linear-gradient(90deg,var(--accent-nn),var(--accent2-nn),var(--accent-nn));box-shadow:0 0 12px rgba(138,108,255,.4),0 0 8px rgba(45,226,230,.3);animation:shimmer 2s ease-in-out infinite}
@keyframes shimmer{0%,100%{opacity:1;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.1)}}
.logo{background:linear-gradient(135deg,var(--accent-nn) 0%,var(--text-nn) 35%,var(--accent2-nn) 70%,var(--text-nn) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 32px #2de2e625,0 4px 16px #8a6cff1a,0 2px 8px rgba(255,255,255,.1);filter:drop-shadow(0 0 20px rgba(138,108,255,.15))}

.nn-pfp {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--accent-nn);
	box-shadow: 0 0 10px rgba(138, 108, 255, 0.4);
	vertical-align: middle;
	margin-right: 12px;
}
.brand-title .nn-pfp {
	width: clamp(60px, 10vw, 110px);
	height: clamp(60px, 10vw, 110px);
	margin-right: 24px;
	border-width: 4px;
}
.topbar .brand .nn-pfp {
	width: 36px;
	height: 36px;
}
.topbar .brand .dot {
	display: none; /* Substituído pela pfp */
}

@media (min-width:1200px){.grid-5{grid-template-columns:repeat(5,1fr)!important}}
@media (min-width:1400px){.grid-6{grid-template-columns:repeat(6,1fr)!important}}
.grid-7{grid-template-columns:repeat(4,1fr)!important}
@media (max-width:1200px){.grid-7{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:768px){.grid-7{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:480px){.grid-7{grid-template-columns:1fr!important}}

/* melhorias visuais na home */
.hero-neo .inner>div{animation:fadeInUp .6s ease-out}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.grid-cards-nn .card-nn{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:fadeInScale .5s ease-out backwards;opacity:0;transform:translateY(30px) scale(.95)}
.grid-cards-nn .card-nn[data-reveal].revealed{opacity:1;transform:translateY(0) scale(1);animation:fadeInScale .6s ease-out forwards}

/* Contact Section */
.section-contact {
	padding: 80px 0;
	text-align: center;
	background: linear-gradient(180deg, transparent, rgba(138, 108, 255, 0.05));
	margin-top: 40px;
	border-top: 1px solid var(--stroke-nn);
}
.contact-container {
	max-width: 800px;
	margin: 0 auto;
}
.contact-title {
	font-size: clamp(32px, 5vw, 48px);
	font-weight: 800;
	margin-bottom: 16px;
	background: linear-gradient(90deg, var(--text-nn), var(--accent-nn));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.contact-subtitle {
	color: var(--muted-nn);
	font-size: 18px;
	margin-bottom: 40px;
}
.contact-grid {
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}
.contact-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 32px;
	background: var(--panel-nn);
	border: 1px solid var(--stroke-nn);
	border-radius: 12px;
	color: var(--text-nn);
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	font-size: 16px;
}
.contact-btn:hover {
	transform: translateY(-4px);
	border-color: var(--accent-nn);
	background: rgba(138, 108, 255, 0.05);
	box-shadow: 0 10px 20px rgba(0,0,0,0.3), 0 0 15px rgba(138, 108, 255, 0.2);
}
.contact-btn.discord:hover {
	border-color: #5865F2; /* Cor oficial do Discord */
	background: rgba(88, 101, 242, 0.05);
	box-shadow: 0 10px 20px rgba(0,0,0,0.3), 0 0 15px rgba(88, 101, 242, 0.2);
}
.contact-icon {
	width: 24px;
	height: 24px;
	opacity: 0.8;
}
.grid-cards-nn .card-nn:nth-child(1){animation-delay:.1s}
.grid-cards-nn .card-nn:nth-child(2){animation-delay:.15s}
.grid-cards-nn .card-nn:nth-child(3){animation-delay:.2s}
.grid-cards-nn .card-nn:nth-child(4){animation-delay:.25s}
.grid-cards-nn .card-nn:nth-child(5){animation-delay:.3s}
.grid-cards-nn .card-nn:nth-child(6){animation-delay:.35s}
.grid-cards-nn .card-nn:nth-child(7){animation-delay:.4s}
@keyframes fadeInScale{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.card-nn:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 24px 56px rgba(138,108,255,.25),0 16px 36px rgba(45,226,230,.2),0 0 0 1px rgba(138,108,255,.15);border-color:#454860}
.card-nn img,.card-nn video{transition:transform .5s cubic-bezier(.4,0,.2,1);overflow:hidden}
.card-nn:hover img,.card-nn:hover video{transform:scale(1.1)}
.hero-neo{position:relative;overflow:visible}
.hero-neo::before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent-nn),var(--accent2-nn),var(--accent-nn));border-radius:18px;opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(16px)}
.hero-neo:hover::before{opacity:.2}
.brand-title{position:relative}
.brand-title::before{content:"";position:absolute;inset:-30px;background:radial-gradient(circle,var(--accent-nn) 0%,transparent 70%);opacity:.1;filter:blur(40px);z-index:-1;animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.08}50%{opacity:.15}}
.cta{position:relative}
.cta::after{content:"";position:absolute;inset:-10px;background:linear-gradient(135deg,var(--accent-nn)33,var(--accent2-nn)33);border-radius:999px;opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(12px)}
.cta:hover::after{opacity:1}
.btn-nn{position:relative;overflow:hidden;transition:all .25s ease}
.btn-nn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-100%);transition:transform .6s ease}
.btn-nn:hover::before{transform:translateX(100%)}
.btn-nn:hover{transform:translateY(-2px)}
.section-nn{padding:48px 0 64px}
.section-nn .page-header-nn{margin-bottom:32px}
.card-nn .body{transition:transform .3s ease}
.card-nn:hover .body{transform:translateY(-2px)}
.scroll-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-nn),var(--accent2-nn));border-radius:50%;color:#0a0b0f;font-size:20px;cursor:pointer;z-index:40;box-shadow:0 4px 16px rgba(138,108,255,.4),0 2px 8px rgba(45,226,230,.3);transition:all .3s ease;border:none}
.scroll-top.visible{display:flex}
.scroll-top:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(138,108,255,.5),0 4px 12px rgba(45,226,230,.4)}
.card-nn{position:relative;overflow:hidden}
.card-nn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.card-nn:hover::after{opacity:1}
/* @media (prefers-reduced-motion:reduce){.hero-neo .inner>div,.grid-cards-nn .card-nn,.brand-title::before,.media-nn{animation:none}.card-nn:hover,.media-nn:hover{transform:none}.scroll-top:hover{transform:none}} */