/* Bento Layout Variables */
        :root {
            --brand-orange: #ff4d00;
            --brand-red: rgb(238, 16, 5);
            --brand-dark-red: rgb(225, 45, 35);
        }

        .bento-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 1.5rem;
            margin-bottom: 4rem;
        }

        .bento-box {
            background: #ffffff;
            border-radius: 1.5rem;
            padding: 2.5rem;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
            border: 1px solid rgba(0, 0, 0, 0.03);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .bento-box:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 32px rgba(255, 77, 0, 0.08);
        }

        /* Specific Grid Placements */
        .box-eligibility { grid-column: span 8; }
        .box-foreign { grid-column: span 4; background-color: #fff6f4; border: 1px solid rgba(255,77,0,0.15); }
        .box-selection { grid-column: span 5; }
        .box-qualifying { grid-column: span 7; }
        .box-merit { grid-column: span 12; }
        .box-cta { 
            grid-column: span 12; 
            background: linear-gradient(135deg, var(--brand-orange), var(--brand-dark-red)); 
            color: white; 
            text-align: center;
        }

        /* Responsive Breakpoints */
        @media (max-width: 991px) {
            .box-eligibility, .box-foreign, .box-selection, .box-qualifying {
                grid-column: span 12;
            }
        }

        /* Typography & Element Styling */
        .bento-title {
            font-size: 25px;
            margin-bottom: 1.5rem;
            color: #1a1a1a;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .bento-icon {
            color: var(--brand-orange);
            font-size: 1.5rem;
        }

        .step-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .step-list li {
            font-size: 21px;
            position: relative;
            padding-left: 2.5rem;
            margin-bottom: 1.25rem;
            color: #4a4a4a;
        }

        .step-number {
            position: absolute;
            left: 0;
            top: 4px;
            width: 28px;
            height: 28px;
            background: rgba(255, 77, 0, 0.1);
            color: var(--brand-orange);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 18px;
        }

        .stat-card {
            background: #f8f9fa;
            border-radius: 1rem;
            padding: 1.5rem;
            text-align: center;
            height: 100%;
        }

        .stat-value {
            font-size: 50px;
            font-weight: 800;
            color: var(--brand-red);
            line-height: 1;
            margin-bottom: 0.5rem;
        }

        .stat-label {
            font-size: 0.85rem;
            font-weight: 600;
            color: #6c757d;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .btn-white {
            background: #ffffff;
            color: var(--brand-red) !important;
            font-weight: 700;
            padding: 0.75rem 2rem;
            border-radius: 50px;
            text-decoration: none;
            display: inline-block;
            transition: all 0.2s ease;
        }

        .btn-white:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }