@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap');

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    scroll-behavior: smooth;
    background-color: #0B132B;
}

.hero-pattern {
    background-color: #0b132b;
    background-image: radial-gradient(rgba(255, 255, 255, 0.1) 0.5px, transparent 0.5px), radial-gradient(rgba(255, 255, 255, 0.1) 0.5px, #0b132b 0.5px);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.nav-scrolled {
    background: rgba(11, 19, 43, 0.95) !important;
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}