/* Compact form styling - reduce spacing between labels and inputs */
    .form-label {
        margin-bottom: 0 !important; /* Direkt input'a yapışık */
        padding-bottom: 2px !important; /* Sadece 2px padding */
        font-weight: 500;
        font-size: 0.875rem; /* Biraz daha küçük font */
        color: #495057;
        line-height: 1.1;
    }
    
    .mb-3 {
        margin-bottom: 0.75rem !important; /* Reduced spacing between form groups */
    }
    
    .input-group {
        margin-top: 0; /* Remove any top margin */
    }
    
    /* Adjust spacing for section headers */
    h5.mb-3 {
        margin-bottom: 1rem !important;
        margin-top: 1.25rem !important;
    }
    
    h5.mb-3:first-of-type {
        margin-top: 0 !important;
    }
    
    /* Small helper text under inputs */
    small.text-muted {
        margin-top: 0.25rem;
        display: block;
        font-size: 0.8rem;
    }
    
    /* Password requirements list */
    #passwordRequirements {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    
    #passwordRequirements small {
        line-height: 1.3;
    }
    
    /* Checkbox fixes - Kare ve düzgün boyut */
    .form-check {
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
        display: flex;
        align-items: flex-start;
        min-height: 1.5rem;
    }
    
    .form-check-input {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        margin-top: 0.125rem !important;
        margin-right: 0.5rem !important;
        border: 2px solid #dee2e6 !important;
        border-radius: 0.25rem !important;
        flex-shrink: 0;
        cursor: pointer;
        transition: all 0.2s ease;
    }
    
    .form-check-input:checked {
        background-color: #FFB700 !important;
        border-color: #FFB700 !important;
    }
    
    .form-check-input:focus {
        border-color: #FFB700 !important;
        box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.25) !important;
    }
    
    .form-check-label {
        margin-bottom: 0;
        font-size: 0.9rem;
        line-height: 1.4;
        cursor: pointer;
        padding-left: 0.25rem;
    }
    
    /* Checkbox'ın yanındaki linkler */
    .form-check-label a {
        color: #FFB700;
        text-decoration: underline;
    }
    
    .form-check-label a:hover {
        color: #CC9200;
    }
    
    /* Submit button spacing */
    .d-grid.mt-4 {
        margin-top: 1.5rem !important;
    }
    
    /* Card body padding adjustment for better proportion */
    .card-body {
        padding: 2rem !important;
    }
    
    /* Responsive Styles for Signup Form */
    @media (max-width: 576px) {
        /* Mobile adjustments */
        .card-body {
            padding: 1.5rem !important;
        }
        
        .form-label {
            font-size: 0.875rem;
        }
        
        .btn {
            font-size: 0.9rem;
            padding: 0.75rem 1rem;
        }
        
        .input-group-text {
            padding: 0.5rem 0.75rem;
            font-size: 0.875rem;
        }
        
        .form-control {
            font-size: 16px; /* Prevents zoom on iOS */
            padding: 0.5rem 0.75rem;
        }
        
        h5 {
            font-size: 1rem !important;
        }
        
        h2 {
            font-size: 1.5rem !important;
        }
        
        .text-center i[style*="font-size: 3rem"] {
            font-size: 2.5rem !important;
        }
        
        /* Password strength bar text */
        #passwordStrengthText {
            font-size: 0.75rem;
        }
        
        /* Modal adjustments */
        .modal-dialog {
            margin: 0.5rem;
        }
        
        /* Smaller spacing between sections */
        .mt-4 {
            margin-top: 1.5rem !important;
        }
        
        .mb-4 {
            margin-bottom: 1.5rem !important;
        }
    }
    
    @media (max-width: 375px) {
        /* Smaller phones */
        .card-body {
            padding: 1rem !important;
        }
        
        .input-group {
            flex-wrap: nowrap;
        }
        
        /* Stack phone input differently on very small screens */
        #id_phone {
            border-radius: 0.375rem !important;
        }
    }
    
    /* Tablet adjustments */
    @media (min-width: 576px) and (max-width: 768px) {
        .card-body {
            padding: 2rem !important;
        }
    }
    
    /* Focus states for better mobile UX */
    .form-control:focus,
    .form-check-input:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.25);
        border-color: var(--primary-color);
    }
    
    /* Better touch targets for mobile */
    @media (pointer: coarse) {
        .form-check-input {
            width: 1.25rem;
            height: 1.25rem;
        }
        
        .form-check-label {
            padding-left: 0.5rem;
            line-height: 1.5;
        }
        
        .btn {
            min-height: 44px; /* iOS recommended touch target */
        }
        
        .dropdown-item {
            padding: 0.75rem 1rem;
        }
    }
    
    /* Landscape mode adjustments */
    @media (max-height: 500px) and (orientation: landscape) {
        .card-body {
            padding: 1rem 2rem !important;
        }
        
        .text-center.mb-4 {
            margin-bottom: 1rem !important;
        }
    }