* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Plus Jakarta Sans', sans-serif; background: #f8fafc; }        
        :root {
            --deep-navy: #0a1a3a;
            --royal-blue: #1e3a8a;
            --bright-blue: #2563eb;
            --trust-gold: #fbbf24;
            --warm-gold: #f59e0b;
        }

        .hero-gradient {
            background: linear-gradient(135deg, #0a1a3a 0%, #1e3a8a 50%, #2563eb 100%);
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 30px -10px rgba(37, 99, 235, 0.3);
        }

        .section-title-center {
            position: relative;
            display: inline-block;
        }
        .section-title-center::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #fbbf24, #f59e0b);
            border-radius: 4px;
        }

        .job-card {
            background: white;
            border-radius: 24px;
            padding: 24px;
            border: 1px solid #e2e8f0;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }
        .job-card:hover {
            border-color: #2563eb;
            box-shadow: 0 20px 30px -10px rgba(37, 99, 235, 0.15);
        }
        .job-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: linear-gradient(135deg, #2563eb, #1e3a8a);
            opacity: 0;
            transition: opacity 0.3s;
        }
        .job-card:hover::before {
            opacity: 1;
        }

        .navbar {
            background: rgba(255,255,255,0.95);
            backdrop-filter: blur(8px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }

        .process-step {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
        }
        .step-number {
            width: 56px;
            height: 56px;
            background: #2563eb;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 24px;
            margin-bottom: 16px;
            position: relative;
            z-index: 2;
        }
        .process-line {
            position: absolute;
            top: 28px;
            left: 50%;
            width: 100%;
            height: 2px;
            background: #e2e8f0;
            z-index: 1;
        }
        @media (max-width: 768px) {
            .process-line { display: none; }
        }

        .story-card {
            background: white;
            border-radius: 24px;
            padding: 24px;
            border: 1px solid #e2e8f0;
            height: 100%;
        }