:root {
            --primary: #0d6efd;
            --dark: #1a2332;
        }

        body {
            background: linear-gradient(135deg, var(--dark) 0%, #2c3e50 100%);
            min-height: 100vh;
        }

        .hero {
            padding: 100px 0;
            color: white;
        }

        .card {
            border: none;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

        .feature-icon {
            font-size: 3rem;
            color: var(--primary);
        }

        .btn-primary {
            background: var(--primary);
            border: none;
            padding: 12px 30px;
        }

        .navbar {
            background: rgba(13, 110, 253, 0.95) !important;
        }