/* STREAMING_CHUNK:Configuring base body styles and font properties... */
body {
background-color: #03132b;
color: #e6e6e8;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}

/* STREAMING_CHUNK:Defining glassmorphism design panel styles... */
.glass-panel {
background: rgba(3, 19, 43, 0.85);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(143, 163, 191, 0.15);
}

.glass-card {
background: rgba(54, 54, 54, 0.22);
backdrop-filter: blur(12px);
border: 1px solid rgba(143, 163, 191, 0.15);
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card:hover {
border-color: rgba(0, 203, 230, 0.4);
transform: translateY(-4px);
box-shadow: 0 16px 32px -10px rgba(0, 203, 230, 0.15);
}

/* STREAMING_CHUNK:Styling interactive primary and secondary buttons... */
.btn-primary {
background-color: #254bff;
color: #ffffff;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-primary:hover {
background-color: #bdffc0;
color: #03132b;
box-shadow: 0 0 25px rgba(189, 255, 192, 0.5);
}

.btn-secondary {
border: 1px solid rgba(0, 203, 230, 0.35);
color: #e6e6e8;
transition: all 0.3s ease;
}

.btn-secondary:hover {
border-color: #00cbe6;
background-color: rgba(0, 203, 230, 0.08);
color: #00cbe6;
}

/* STREAMING_CHUNK:Creating ambient glow blobs and grid patterns... */
.ambient-glow {
position: absolute;
border-radius: 50%;
filter: blur(130px);
pointer-events: none;
}

.bg-grid-pattern {
background-size: 40px 40px;
background-image:
linear-gradient(to right, rgba(143, 163, 191, 0.04) 1px, transparent 1px),
linear-gradient(to bottom, rgba(143, 163, 191, 0.04) 1px, transparent 1px);
}

/* STREAMING_CHUNK:Styling custom scrollbars... */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #03132b;
}
::-webkit-scrollbar-thumb {
background: #363636;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #00cbe6;
}