.main-content {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
           
        }

        .registration-panel {
            width: 100%;
            max-width: 1140px;
            background-color: transparent; /* The columns will have their own backgrounds */
        }
        
        /* Left Column (Branding) */
        .left-column {
            padding: 2rem 3rem 2rem 1rem;
        }
        .left-column h1 {
            font-weight: 700;
                font-size: 35px;
            color: var(--fly-text-primary);
            line-height: 1.2;
            margin-bottom: 1rem;
        }
        .left-column p {
            color: var(--fly-text-secondary);
            font-size: 1.1rem;
            max-width: 400px;
        }
        .left-column img {
            max-width: 100%;
        }

        /* Right Column (Form Area) */
        .right-column {
            padding: 2rem 1rem 2rem 3rem;
        }
        
        /* Stepper Navigation */
        .stepper-nav {
            display: flex;
            justify-content: space-between;
            list-style: none;
            padding: 0;
            margin: 0 0 3rem 0;
        }
        .stepper-nav .step a {
            text-decoration: none;
            font-weight: 500;
            color: var(--fly-text-secondary);
            padding-bottom: 0.75rem;
            border-bottom: 3px solid transparent;
        }
        .stepper-nav .step.active a {
            color: var(--fly-dark-blue);
            border-bottom-color: var(--fly-dark-blue);
        }
        
        /* Form Styles */
        .form-label {
            font-size: 0.875rem;
            font-weight: 500;
            color: #344054;
            margin-bottom: 0.5rem;
        }
        .form-control, .form-select {
            border-radius: 8px;
            border: 1px solid var(--fly-border-color);
            padding: 0.8rem 1rem;
            box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
            background-color: #fff;
        }
        .form-control::placeholder {
            color: #98a2b3;
        }
        .form-control:focus, .form-select:focus {
            border-color: #0d6efd;
            box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.1);
        }
        textarea.form-control {
            min-height: 150px;
        }

        .phone-input-group .btn {
            border: 1px solid var(--fly-border-color);
            background-color: #fff;
            border-right: none;
            box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
            border-radius: 8px 0 0 8px;
        }
        .phone-input-group .form-control {
            border-left: none;
            border-radius: 0 8px 8px 0;
        }
        .form-select {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
            background-position: right 1rem center;
        }
        .btn-continue {
            background-color: var(--fly-dark-blue);
            border-color: var(--fly-dark-blue);
            padding: 0.8rem 2rem;
            font-weight: 500;
            border-radius: 8px;
            float: right;
        }

        /* Footer */
        .footer {
            padding: 2rem 1rem;
            font-size: 0.9rem;
            color: var(--fly-text-secondary);
        }
        .footer .social-icons a {
            color: var(--fly-text-secondary);
            text-decoration: none;
            margin-left: 1.5rem;
            font-size: 1.25rem;
        }