/* ==========================================================================
   CUSTOM ADVANCED STYLING - MD JIHAD PARVEZ
   ========================================================================== */

/* Custom Typography & Global Variables */
:root {
    --transition-smooth: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    --transition-snappy: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --creative-purple: #8B5CF6;
    --creative-purple-glow: rgba(139, 92, 246, 0.25);
    --electric-blue: #0ea5e9;
    --electric-blue-glow: rgba(14, 165, 233, 0.25);
}

/* Custom Scrollbar Styles */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #05070F;
}

::-webkit-scrollbar-thumb {
    background: #1E293B;
    border-radius: 4px;
    transition: var(--transition-snappy);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--creative-purple);
    box-shadow: 0 0 10px var(--creative-purple-glow);
}

/* Page Heights Adjustments */
.min-height-screen {
    min-height: 100vh;
}

/* Stationary background video cover styling */
#hero-video {
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

/* Absolute Glassmorphism and Backdrop Blending overrides */
.nav-item {
    position: relative;
    transition: var(--transition-snappy);
}

.nav-item::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--creative-purple);
    box-shadow: 0 0 8px var(--creative-purple-glow);
    transition: var(--transition-snappy);
}

.nav-item:hover {
    color: #ffffff;
}

.nav-item:hover::after,
.nav-item.active::after {
    width: 100%;
}

.nav-item.active {
    color: var(--creative-purple);
}

/* Custom animations */
@keyframes pulseSubtle {
    0%, 100% { opacity: 0.8; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.02); }
}

.animate-pulse-subtle {
    animation: pulseSubtle 3s infinite ease-in-out;
}

/* Professional Arrow Shift on Hover */
.btn-primary:hover .btn-arrow {
    transform: translateX(4px);
}

/* Radial Glow Gradient background container for forms */
.bg-radial-creative {
    background: radial-gradient(circle at 70% 30%, rgba(139, 92, 246, 0.08), transparent 75%);
}

/* Custom dropdown resets for creative visual flow */
.select-dropdown {
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
    appearance: none;
}

/* Hamburger transition layouts */
.mobile-menu-btn.open .bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.mobile-menu-btn.open .bar:nth-child(2) {
    opacity: 0;
}

.mobile-menu-btn.open .bar:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* Sticky Header Shrink logic on Scroll */
header.scrolled {
    height: 70px;
    background-color: rgba(5, 7, 15, 0.85);
    border-color: rgba(255, 255, 255, 0.08);
}
header.scrolled #mobile-nav-links {
    top: 70px;
    height: calc(100vh - 70px);
}

/* Dynamic Particle Canvas Styling */
#bg-canvas {
    mix-blend-mode: screen;
    opacity: 0.75;
}