:root {
            --ocean-blue: #0077be;
            --ocean-dark: #004d7a;
            --sea-foam: #7dd3c0;
        }
        .bg-ocean-blue { background-color: var(--ocean-blue); }
        .bg-ocean-dark { background-color: var(--ocean-dark); }
        .bg-sea-foam { background-color: var(--sea-foam); }
        .text-ocean-blue { color: var(--ocean-blue); }
        .text-ocean-dark { color: var(--ocean-dark); }
        .hero-section { 
            background: linear-gradient(135deg, var(--ocean-blue), var(--ocean-dark)); 
            min-height: 60vh;
        }
        .feature-icon { 
            width: 60px; 
            height: 60px; 
            border-radius: 50%; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            margin: 0 auto 1rem; 
        }