:root {
            --primary-color: #0073ba;
            --accent-color: #e00099;
            --dark-grey: #555555;
            --light-grey: #f6f7f8;
            --text-color: #333;
        }

        * { box-sizing: border-box; }
        body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.6; color: var(--text-color); margin: 0; padding: 0; }
        
        .header { display: flex; align-items: center; justify-content: space-between; padding: 20px 5%; background: #fff; border-bottom: 1px solid #eee; }
        .logo-placeholder { font-weight: bold; font-size: 1.5rem; color: var(--primary-color); }
        .nav-menu { display: flex; list-style: none; gap: 20px; }
        .nav-menu a { text-decoration: none; color: var(--text-color); font-weight: 600; }
        
        .hero { 
            background: linear-gradient(135deg, var(--primary-color), var(--accent-color)); 
            color: #fff; 
            padding: 100px 5%; 
            text-align: center; 
        }
        .hero-img { width: 300px; height: 300px; background: #ddd; border-radius: 50%; margin: 0 auto 20px; }
        
        .container { max-width: 1100px; margin: 40px auto; padding: 0 20px; }
        .btn { display: inline-block; padding: 12px 25px; background: var(--accent-color); color: #fff; text-decoration: none; border-radius: 5px; margin-top: 20px; }
        
        footer { background: var(--light-grey); padding: 40px; text-align: center; margin-top: 40px; }
        
        @media (max-width: 768px) {
            .nav-menu { display: none; }
            .hero { padding: 50px 5%; }
        }