
        .card-body {padding: 20px;}
        .container { max-width: 900px; margin: 40px auto; padding: 32px 20px; background: #fff; border-radius: 16px; box-shadow: 0 4px 24px rgba(0,123,255,0.08);}
        .career-title { color: #007bff; font-weight: bold; margin-bottom: 1.5rem; font-size: 2rem; letter-spacing: 1px; }
        .job-card { background: #f9fbfd; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,123,255,0.07); margin-bottom: 24px; border: none; }
        .job-card .card-title { color: #007bff; font-size: 1.2rem; font-weight: bold; }
        .job-card .card-text { color: #444; }
        .btn-primary { background-color: #007bff; border: none; font-weight: 500; }
        .btn-primary:hover { background-color: #0056b3; }
        .form-label { font-weight: 500; color: #007bff; }
        .form-control, .form-select { border-radius: 6px; border: 1px solid #cce3fc; }
        .form-control:focus, .form-select:focus { border-color: #007bff; box-shadow: 0 0 0 2px rgba(0,123,255,0.15);}
        
        .career-hero {
        min-height: 340px;
        background: url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1200&q=80') center center/cover no-repeat;
        position: relative;
        }
        .hero-overlay {
            position: absolute;
            top:0; left:0; right:0; bottom:0;
            background: rgba(0,123,255,0.55);
            z-index: 1;
        }
        .career-hero .container {
            position: relative;
            z-index: 2;
        }
        .job-card {
            transition: box-shadow 0.2s, transform 0.2s;
        }
        .job-card:hover {
            box-shadow: 0 8px 32px rgba(0,123,255,0.15);
            transform: translateY(-4px) scale(1.02);
        }
        .progress {
            background: #e3f0ff;
            border-radius: 12px;
            overflow: hidden;
            font-size: 1rem;
        }
        .progress-bar {
            font-weight: 500;
        }
                @media (max-width: 768px) {
                    .container { padding: 12px 4px; }
                    .career-title { font-size: 1.3rem; }
            }