.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-card {
	background: rgba(32, 38, 47, 0.4);
	backdrop-filter: blur(12px);
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}

.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.front-page-tailwind a,
.front-page-tailwind a:hover,
.front-page-tailwind a:focus,
.single-tailwind a,
.single-tailwind a:hover,
.single-tailwind a:focus,
.archive-tailwind a,
.archive-tailwind a:hover,
.archive-tailwind a:focus,
.page-tailwind a,
.page-tailwind a:hover,
.page-tailwind a:focus {
	text-decoration: none;
}

.front-page-tailwind a:visited,
.single-tailwind a:visited,
.archive-tailwind a:visited,
.page-tailwind a:visited {
	color: #dadada;
}

.front-page-tailwind a:hover,
.front-page-tailwind a:focus,
.single-tailwind a:hover,
.single-tailwind a:focus,
.archive-tailwind a:hover,
.archive-tailwind a:focus,
.page-tailwind a:hover,
.page-tailwind a:focus {
	color: #f1f3fc;
}

.front-page-tailwind .nav-cta,
.front-page-tailwind .nav-cta:visited,
.single-tailwind .nav-cta,
.single-tailwind .nav-cta:visited,
.archive-tailwind .nav-cta,
.archive-tailwind .nav-cta:visited,
.page-tailwind .nav-cta,
.page-tailwind .nav-cta:visited,
.front-page-tailwind .content-cta,
.front-page-tailwind .content-cta:visited,
.archive-tailwind .content-cta,
.archive-tailwind .content-cta:visited,
.page-tailwind .content-cta,
.page-tailwind .content-cta:visited {
	color: #020617;
}

.front-page-tailwind .content-cta,
.archive-tailwind .content-cta,
.page-tailwind .content-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem 1.5rem;
	border-radius: 0.5rem;
	font-family: "Space Grotesk", sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	background: linear-gradient(135deg, #99f7ff 0%, #00f1fe 100%);
	box-shadow: 0 0 0 rgba(153, 247, 255, 0);
	transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.front-page-tailwind .content-cta:hover,
.front-page-tailwind .content-cta:focus,
.archive-tailwind .content-cta:hover,
.archive-tailwind .content-cta:focus,
.page-tailwind .content-cta:hover,
.page-tailwind .content-cta:focus {
	color: #020617;
	transform: translateY(-1px);
	box-shadow: 0 0 20px rgba(153, 247, 255, 0.32);
}

.glow-hover:hover {
	box-shadow: 0 0 20px rgba(153, 247, 255, 0.15);
}

.front-page-tailwind .electric-hero {
	position: relative;
}

.front-page-tailwind .electric-word {
	display: inline-block;
}

.front-page-tailwind .electric-letter {
	display: inline-block;
	opacity: 0;
	transform: translateY(0.22em) scale(0.96);
	filter: blur(6px);
	animation: electric-letter-reveal 0.7s cubic-bezier(0.2, 0.9, 0.2, 1) forwards;
	text-shadow: 0 0 0 rgba(153, 247, 255, 0);
	will-change: transform, opacity, filter;
}

.front-page-tailwind .electric-space {
	display: inline-block;
	width: 0.28em;
}

@keyframes electric-letter-reveal {
	0% {
		opacity: 0;
		transform: translateY(0.22em) scale(0.96);
		filter: blur(6px);
		text-shadow: 0 0 0 rgba(153, 247, 255, 0);
	}

	38% {
		opacity: 1;
		transform: translateY(-0.03em) scale(1.02);
		filter: blur(0);
		text-shadow: 0 0 12px rgba(153, 247, 255, 0.55), 0 0 20px rgba(213, 117, 255, 0.28);
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
		filter: blur(0);
		text-shadow: 0 0 8px rgba(153, 247, 255, 0.18);
	}
}

.single-tailwind .entry-content a,
.page-tailwind .entry-content a {
	text-decoration: underline;
	text-decoration-color: rgba(153, 247, 255, 0.35);
	text-underline-offset: 0.2em;
}

.single-tailwind .entry-content a:hover,
.single-tailwind .entry-content a:focus,
.page-tailwind .entry-content a:hover,
.page-tailwind .entry-content a:focus {
	color: #f1f3fc;
}

.archive-tailwind .pagination a,
.archive-tailwind .pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	padding: 0.75rem 1rem;
	border-radius: 0.75rem;
	background: rgba(27, 32, 40, 0.9);
	border: 1px solid rgba(68, 72, 79, 0.45);
	color: #f1f3fc;
	font-family: "Space Grotesk", sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
}

.archive-tailwind .pagination .current {
	background: linear-gradient(135deg, #99f7ff 0%, #00f1fe 100%);
	color: #020617;
	border-color: transparent;
}

.admin-bar .front-page-nav,
.admin-bar .single-page-nav,
.admin-bar .archive-page-nav,
.admin-bar .page-nav {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .front-page-nav,
	.admin-bar .single-page-nav,
	.admin-bar .archive-page-nav,
	.admin-bar .page-nav {
		top: 46px;
	}
}
