html {
    scroll-behavior: smooth;
}

body {
	font-family: 'Inter', sans-serif;
	background: radial-gradient(circle at 20% 20%, rgba(168, 85, 247, 0.08), transparent 30%), radial-gradient(circle at 80% 0%, rgba(236, 72, 153, 0.08), transparent 25%), #0B0B13;
	color: #E5E7EB;
	overflow-x: hidden;
}

.glass {
	background: rgba(31, 31, 46, 0.85);
	border: 1px solid rgba(168, 85, 247, 0.2);
	box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

.heading-underline::after {
	content: '';
	display: block;
	width: 3rem;
	height: 3px;
	margin-top: 0.5rem;
	background: linear-gradient(90deg, #A855F7, #EC4899);
}

/* Gradient Text */
.text-gradient {
	background-image: linear-gradient(to right, #A78BFA, #EC4899);
	-webkit-background-clip: text;
	color: transparent;
}

/* Vibrant Button */
.btn-vibrant {
	background-image: linear-gradient(to right, #8B5CF6, #EC4899);
	box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4);
	transition: transform 0.2s, box-shadow 0.2s;
}

.btn-vibrant:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(236, 72, 153, 0.6);
}

/* Floating Glow Orbs */
.bg-float {
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: rgba(139, 92, 246, 0.15);
	filter: blur(80px);
	animation: float-element 25s infinite ease-in-out;
	pointer-events: none;
	z-index: 0;
}

.bg-float:nth-child(1) { top: 10%; left: 5%; animation-delay: 0s; }
.bg-float:nth-child(2) { bottom: 20%; right: 10%; width: 220px; height: 220px; animation-delay: 8s; }
.bg-float:nth-child(3) { top: 40%; right: 40%; background-color: rgba(236, 72, 153, 0.15); animation-delay: 15s; }

@keyframes float-element {
	0% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(40px, -40px) scale(1.1); }
	100% { transform: translate(0, 0) scale(1); }
}

.glide-container {
	display: flex;
	justify-content: center;
}

.glide-container a:after {
	border-bottom: none !important;
}

i.glide-svg {
  color: #af73ff;
	font-size: 38px;
	margin-top: 70px;
	cursor: pointer;
	animation: glide 2s infinite;
	position: relative;
	transition-duration: 0.4s;
	margin-left: auto;
	margin-right: auto;
}

@keyframes glide {
	0% { bottom: 0px; }
	50% { bottom: -15px; }
	100% { bottom: 0px; }
}

i:hover {
	transform: scale(1.1);
	color: #b783fc;
}