/* =============================================================
   THEME 2: GLASS MESH
   ============================================================= */
body.theme-glass-mesh {
	background-color: #0c0a0f;
	color: #fff;
	font-family: "Plus Jakarta Sans", sans-serif;
}
body.theme-glass-mesh .theme-2-blobs {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	filter: blur(100px);
	z-index: 1;
	opacity: 0.65;
	animation: breatheT2 10s ease-in-out infinite alternate;
	pointer-events: none;
}
@keyframes breatheT2 {
	0% {
		opacity: 0.5;
		transform: scale(1);
	}
	100% {
		opacity: 0.8;
		transform: scale(1.05);
	}
}
body.theme-glass-mesh .t2-blob {
	position: absolute;
	border-radius: 50%;
	animation: glideT2 20s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);
}
body.theme-glass-mesh .tb1 {
	width: 50vw;
	height: 50vw;
	background: #ff3366;
	top: -10vw;
	left: -10vw;
}
body.theme-glass-mesh .tb2 {
	width: 45vw;
	height: 45vw;
	background: #8a2be2;
	bottom: -10vw;
	right: -10vw;
	animation-delay: -5s;
	animation-direction: alternate-reverse;
}
body.theme-glass-mesh .tb3 {
	width: 40vw;
	height: 40vw;
	background: #00f0ff;
	top: 30vh;
	left: 30vw;
	animation-duration: 25s;
	mix-blend-mode: screen;
}
@keyframes glideT2 {
	0% {
		transform: translate(0, 0) rotate(0deg) scale(1);
	}
	50% {
		transform: translate(15vw, 10vh) rotate(180deg) scale(1.1);
	}
	100% {
		transform: translate(-10vw, 20vh) rotate(360deg) scale(0.9);
	}
}
body.theme-glass-mesh #quote-text {
	font-weight: 400;
	letter-spacing: -0.02em;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	color: #fff;
}
body.theme-glass-mesh #quote-author {
	font-size: 1.1rem;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #fff;
	opacity: 0.9;
}
body.theme-glass-mesh .layer.l-glass-mesh {
	display: block;
}