/* Modern Arkaplan ve Kart Tasarımı */
    .login-page-wrapper {
        font-family: 'Poppins', sans-serif;
        min-height: 100vh;
        width: 100%;
        background-color: #f0f2f5;
        background-image: 
            radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 
            radial-gradient(at 50% 0%, hsla(225,39%,30%,1) 0, transparent 50%), 
            radial-gradient(at 100% 0%, hsla(339,49%,30%,1) 0, transparent 50%);
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        position: relative;
    }

    .login-card {
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(10px);
        border-radius: 20px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        box-shadow: 0 15px 35px rgba(0,0,0,0.2);
        padding: 40px;
        width: 100%;
        max-width: 450px;
        position: relative;
        overflow: hidden;
    }

    /* Üst Dekoratif Çizgi */
    .login-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 5px;
        background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
    }

    .brand-logo {
        max-width: 180px;
        margin-bottom: 20px;
    }

    /* Form Kontrolleri */
    .form-floating > .form-control {
        border-radius: 10px;
        border: 2px solid #e1e5eb;
    }
    .form-floating > .form-control:focus {
        border-color: #4facfe;
        box-shadow: 0 0 0 4px rgba(79, 172, 254, 0.1);
    }
    .form-floating > label {
        background-color: transparent !important;
    }
    .form-floating > .form-control:focus ~ label::after,
    .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
        background-color: transparent !important; 
    }

    /* --- BUTON AYARLARI --- */
    /* Önemli: .btn üzerindeki sınırlamaları kaldırıyoruz */
    .btn {
        width: 100% !important;
        max-width: none !important; 
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-unified {
        height: 50px; /* Google butonu ile aynı yükseklik */
        border-radius: 4px; /* Google butonu standart köşe yuvarlağı */
        font-weight: 600;
        font-size: 16px;
        transition: transform 0.2s, box-shadow 0.2s;
        border: none;
    }

    .btn-custom-primary {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }
    .btn-custom-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(118, 75, 162, 0.4);
        color: white;
    }

    .btn-custom-secondary {
        background: white;
        border: 1px solid #dadce0;
        color: #3c4043;
    }
    .btn-custom-secondary:hover {
        background-color: #f8f9fa;
        border-color: #764ba2;
        color: #764ba2;
    }

    /* Geri Dön Ok Butonu */
    .btn-back-icon {
        position: absolute;
        top: 15px; left: 20px;
        background: transparent; border: none;
        font-size: 1.2rem; color: #667eea;
        transition: transform 0.2s; z-index: 10; padding: 5px;
        width: auto !important;
    }
    .btn-back-icon:hover { transform: scale(1.1); color: #764ba2; }

    /* Select Stili */
    .select-unified {
        height: 50px; 
        font-weight: bold; 
        color: white !important; 
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border: none;
        border-radius: 10px;
        text-align: center;
        text-align-last: center;
        background-color: #667eea;
    }
    .select-unified option { background-color: white; color: #333; }

    .divider-text {
        display: flex; align-items: center; text-align: center;
        margin: 20px 0; color: #999;
    }
    .divider-text::before, .divider-text::after {
        content: ''; flex: 1; border-bottom: 1px solid #ddd;
    }
    .divider-text:not(:empty)::before { margin-right: .5em; }
    .divider-text:not(:empty)::after { margin-left: .5em; }

    /* GOOGLE KAPSAYICI */
    #google_btn_wrapper {
        width: 100%;
        min-height: 50px; /* Zıplamayı önler */
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden; 
    }
	    /* --- TASARIM --- */
    .login-page-wrapper {
        font-family: 'Poppins', sans-serif;
        min-height: 100vh;
        width: 100%;
        background-color: #f0f2f5;
        background-image: 
            radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 
            radial-gradient(at 50% 0%, hsla(225,39%,30%,1) 0, transparent 50%), 
            radial-gradient(at 100% 0%, hsla(339,49%,30%,1) 0, transparent 50%);
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }

    .login-card {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        border-radius: 20px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        box-shadow: 0 15px 35px rgba(0,0,0,0.2);
        padding: 40px;
        width: 100%;
        max-width: 450px;
        position: relative;
        overflow: hidden;
    }

    .login-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 5px;
        background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
    }

    .btn-back-icon {
        position: absolute;
        top: 20px; left: 20px;
        background: transparent; border: none;
        font-size: 1.4rem; color: #667eea;
        transition: transform 0.2s; cursor: pointer; z-index: 10;
    }
    .btn-back-icon:hover { transform: scale(1.1); color: #764ba2; }

    /* Form Input Tasarımı */
    .form-floating { position: relative; width: 100%; }
    
    .form-floating > .form-control,
    .form-floating > .form-select {
        border-radius: 12px;
        border: 2px solid #e1e5eb;
        height: 60px;
        width: 100%;
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
    }

    .form-floating > .form-control:focus,
    .form-floating > .form-select:focus {
        border-color: #4facfe;
        box-shadow: 0 0 0 4px rgba(79, 172, 254, 0.1);
    }

    /* LABEL DÜZENLEMESİ: Arka plan şeffaf bırakıldı (Orijinal hali) */
    .form-floating > label {
        padding: 1rem 0.75rem;
        color: #6c757d;
        /* background-color iptal edildi */
    }
    
    .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; }

    .btn-custom-primary {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border: none; color: white;
        padding: 14px; border-radius: 12px;
        font-weight: 600; font-size: 1.1rem;
        transition: transform 0.2s, box-shadow 0.2s; width: 100%;
    }
    .btn-custom-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(118, 75, 162, 0.4); color: white;
    }
    
    /* Doğrulama Butonları */
    .verification-wrapper {
        display: flex;
        justify-content: flex-end;
        margin-top: -10px;
        margin-bottom: 15px;
    }
    .btn-verify {
        font-size: 0.8rem;
        padding: 5px 15px;
        border-radius: 15px;
        display: none; /* JS ile açılacak */
        z-index: 5;
		margin-top:13px;
    }
    .verified-msg {
        color: #198754; font-size: 0.85rem; font-weight: 600; display: none; margin-top: 13px;
    }

    .form-title { color: #333; font-weight: 700; margin-top: 20px; margin-bottom: 30px; }
	.btn{
		max-width:auto;
	}