:root {
            --primary: #007bff;
            --dark: #080808;
            --white: #ffffff;
            --secondary: #122b40;
        }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; line-height: 1.6; color: #333; }
        .uk-container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
        .dark_bg { background-color: var(--dark); color: var(--white); }
        .white_fg { color: var(--white); }
        .uk-button-primary { background-color: var(--primary); color: white; border-radius: 50px; padding: 10px 30px; text-decoration: none; display: inline-block; }
        .uk-button-secondary { background-color: var(--secondary); color: white; border-radius: 50px; padding: 5px 20px; text-decoration: none; display: inline-block; }
        
        .hero { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; }
        .hero img { width: 100%; height: 100%; object-fit: cover; }
        .splash { position: absolute; z-index: 10; text-align: center; }
        
        header { position: absolute; top: 0; width: 100%; z-index: 20; padding: 20px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
        
        .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
        
        .divide { width: 100%; height: auto; position: absolute; z-index: 5; }
        .top-divide { top: 0; }
        .bottom-divide { bottom: 0; }
        
        footer { padding: 40px 20px; text-align: center; }
        
        @media (max-width: 768px) {
            .hero { height: 60vh; }
        }