@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

body {
font-family: 'Inter', sans-serif;
background-color: #030712;
color: #f3f4f6;
overflow-x: hidden;
margin: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
}

#bg-canvas {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 0;
pointer-events: none;
}

.glass-card {
background: rgba(15, 23, 42, 0.65);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.glass-nav {
background: rgba(3, 7, 18, 0.75);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@keyframes pulse-glow {
0%, 100% {
text-shadow: 0 0 20px rgba(99, 102, 241, 0.4), 0 0 40px rgba(56, 189, 248, 0.2);
}
50% {
text-shadow: 0 0 35px rgba(99, 102, 241, 0.7), 0 0 60px rgba(56, 189, 248, 0.4);
}
}

.logo-text {
background: linear-gradient(135deg, #ffffff 30%, #94a3b8 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: pulse-glow 4s ease-in-out infinite;
}

::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: rgba(3, 7, 18, 0.5);
}
::-webkit-scrollbar-thumb {
background: rgba(79, 70, 229, 0.4);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(79, 70, 229, 0.7);
}