@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root {
    --primary: #6366f1;
    --primary-dark: #4f46e5;
    --secondary: #10b981;
    --dark: #1e293b;
    --darker: #0f172a;
    --light: #f8fafc;
    --border: rgba(255,255,255,.08);
    --text: rgba(255,255,255,.92);
    --muted: rgba(255,255,255,.60);
    --muted2: rgba(255,255,255,.45);
}
body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(to bottom right, var(--darker), var(--dark));
    min-height: 100vh;
}

.container {
    max-width: 1200px;
}
.glass-effect {
    background: rgba(255, 255, 255, .05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--border);
}

.topbar {
    background: rgba(10,16,28,.72);
}
.hover-glow:hover {
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.5);
    transition: all 0.3s ease;
}