/* Google Fonts Import - Plus Jakarta Sans (Premium Modern Font) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/* Global Reset & Base Settings */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f8fafc; /* Base light gray */
    background-image: 
        linear-gradient(rgba(30, 58, 138, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(30, 58, 138, 0.05) 1px, transparent 1px),
        linear-gradient(rgba(30, 58, 138, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(30, 58, 138, 0.02) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px;
}

/* Custom Scrollbar for a Premium Look */
::-webkit-scrollbar {
    width: 6px; /* Thinner scrollbar for app-feel */
}

::-webkit-scrollbar-track {
    background: #f8fafc;
}

::-webkit-scrollbar-thumb {
    background: #1e3a8a; /* Primary Blue */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #3b82f6; /* Secondary Blue */
}

/* Text Selection Color */
::selection {
    background-color: #f59e0b; /* Accent Orange */
    color: #111827; /* Dark text for contrast */
}

/* Mobile Menu Drawer Custom Transition */
.drawer-open {
    overflow: hidden; 
}

/* Cinematic Slow Zoom for Hero Background */
@keyframes slowZoom {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); }
    100% { transform: scale(1); }
}

.hero-bg-anim {
    animation: slowZoom 25s ease-in-out infinite;
}