body {
	background: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #0f0f1a 100%);
	background-attachment: fixed;
	min-height: 100vh;
}
.glass-card {
	background: rgba(30, 30, 50, 0.7);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.gradient-border-top {
	position: relative;
}
.gradient-border-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #667eea, #764ba2, #10b981, #f59e0b);
}
.nav-link-active {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.btn-gradient {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.btn-gradient:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}
.text-gradient {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.custom-scrollbar::-webkit-scrollbar {
	width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
	background: rgba(102, 126, 234, 0.4);
	border-radius: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background: rgba(102, 126, 234, 0.6);
}

/* inter-300 - latin_latin-ext */
@font-face {
	font-display: swap; 
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/inter/inter-v20-latin_latin-ext-300.woff2') format('woff2'); 
}
/* inter-regular - latin_latin-ext */
@font-face {
	font-display: swap; 
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/inter/inter-v20-latin_latin-ext-regular.woff2') format('woff2'); 
}
/* inter-500 - latin_latin-ext */
@font-face {
	font-display: swap; 
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/inter/inter-v20-latin_latin-ext-500.woff2') format('woff2'); 
}
/* inter-600 - latin_latin-ext */
@font-face {
	font-display: swap; 
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/inter/inter-v20-latin_latin-ext-600.woff2') format('woff2'); 
}
/* inter-700 - latin_latin-ext */
@font-face {
	font-display: swap; 
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/inter/inter-v20-latin_latin-ext-700.woff2') format('woff2'); 
}
/* inter-800 - latin_latin-ext */
@font-face {
	font-display: swap; 
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/inter/inter-v20-latin_latin-ext-800.woff2') format('woff2'); 
}