body {
	background-color: #16161A;
	color: white;
}
.clip-edge {
	clip-path: polygon(0 0, 100% 0, 100% 90%, 95% 100%, 0 100%);
}
.clip-button {
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}
.nav-item.active {
	color: white;
	border-bottom: 2px solid #c40202;
}
.hover-glow:hover {
	box-shadow: 0 0 15px rgba(255, 201, 1, 0.15);
	border-color: #ffc901;
}
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: #16161A;
}
::-webkit-scrollbar-thumb {
	background: #333;
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: #c40202;
}
.fade-in {
	animation: fadeIn 0.4s ease-out;
}
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
	animation: fadeInUp 0.4s ease-out forwards;
}
/*


 */