/* Different Font Integration Method */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

body {
   background-color: #05050A;
   color: #ffffff;
   overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6{
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
}

/* Clean Glassmorphism */
.glass-panel {
   background: rgba(255, 255, 255, 0.02);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   border: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-card-hover {
   transition: all 0.3s ease;
}
.glass-card-hover:hover {
   transform: translateY(-3px);
   border-color: rgba(59, 130, 246, 0.3); /* Subtle azure border on hover */
   background: rgba(255, 255, 255, 0.04);
}

/* Professional Solid Button */
.btn-primary {
   background-color: #1D4ED8;
   color: #ffffff;
   transition: all 0.2s ease;
}
.btn-primary:hover {
   background-color: #2563EB;
   box-shadow: 0 4px 15px rgba(29, 78, 216, 0.3);
   transform: translateY(-1px);
}
.btn-primary:active {
   transform: translateY(1px);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
   width: 8px;
}
::-webkit-scrollbar-track {
   background: #05050A;
}
::-webkit-scrollbar-thumb {
   background: rgba(255, 255, 255, 0.15);
   border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
   background: rgba(59, 130, 246, 0.5);
}

/* Text Gradients */
.text-gradient {
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-image: linear-gradient(to right, #00f0ff, #3B82F6);
}

/* Subtle Background Lighting */
.bg-ambient {
   position: absolute;
   top: 0; left: 0; width: 100%; height: 100%;
   background: radial-gradient(circle at 20% 0%, rgba(29, 78, 216, 0.08), transparent 40%),
               radial-gradient(circle at 80% 60%, rgba(0, 240, 255, 0.05), transparent 40%);
   z-index: -2;
   pointer-events: none;
}