:root {
	--bg-main: #020617; /* Slate 950 */
	--card-bg: #0f172a; /* Slate 900 */
}
body { 
	background-color: var(--bg-main); 
	color: #f8fafc; 
	font-family: 'Inter', sans-serif;
}
.glass-nav {
	background: rgba(249, 249, 249, 0.82);
	backdrop-filter: blur(5px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .glass-nav {
	background: rgba(15, 23, 42, 0.8);
}
.input-field {
	background: #1e293b;
	border: 2px solid #334155;
	transition: all 0.3s ease;
}
.input-field:focus {
	border-color: #6366f1;
	background: #0f172a;
	box-shadow: 0 0 20px rgba(99, 102, 241, 0.2);
}
.btn-primary {
	background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);
	box-shadow: 0 10px 25px -5px rgba(99, 102, 241, 0.4);
}
.card-pro {
	background: var(--card-bg);
	border: 1px solid #1e293b;
	transition: transform 0.2s, border-color 0.2s;
}
.card-pro:hover {
	border-color: #6366f1;
	transform: translateY(-4px);
}
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}