body {
        margin: 0;
        padding: 0;
    }


    /*LOGO*/
    /* =========================================================
           AUTH LOGO
           ========================================================= */

    .auth-logo {
        width: 100%;
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .auth-logo-image {
        display: block;
        width: auto;
        height: 100%;
        max-width: 230px;
        object-fit: contain;
        object-position: center;
    }

    /* Tablet */
    @media (max-width: 576px) {

        .auth-logo {
            height: 64px;
        }

        .auth-logo-image {
            max-width: 220px;
        }
    }

    /* Small mobile */
    @media (max-width: 380px) {

        .auth-logo {
            height: 56px;
        }

        .auth-logo-image {
            max-width: 190px;
        }
    }
    /*LOGO*/
    /* =========================================================
               AUTH LOGO END
               ========================================================= */



    /* İki sütunlu alan (Ad / Soyad) */
.auth-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* Parola güç göstergesi */
.auth-strength {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.auth-strength-bar {
    flex: 1;
    height: 3px;
    background: rgba(0,0,0,.08);
    border-radius: 99px;
    overflow: hidden;
}
.auth-strength-fill {
    height: 100%;
    border-radius: 99px;
    transition: width .25s ease, background-color .25s ease;
}
.auth-strength-fill--danger  { background: #dc2626; }
.auth-strength-fill--warning { background: #d97706; }
.auth-strength-fill--info    { background: #0891b2; }
.auth-strength-fill--success { background: #16a34a; }
.auth-strength-label {
    font-size: .7rem;
    color: var(--color-text-secondary);
    min-width: 52px;
    text-align: right;
}

 /* auth.css */
.auth-card {
    background: var(--bs-body-bg, #fff);
    border: 0.5px solid rgba(0,0,0,.1);
    border-radius: 14px;
    padding: 2.5rem 2rem;
    width: 100%;
    max-width: 420px;
    margin: auto;
}

/* Brand */
.auth-brand { display:flex; align-items:center; gap:8px; justify-content:center; margin-bottom:2rem; }
.auth-brand-icon { width:32px; height:32px; background:#4F46E5; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; }
.auth-brand-name { font-size:15px; font-weight:500; }
.auth-brand-divider { width:1px; height:18px; background:rgba(0,0,0,.12); }
.auth-brand-portal { font-size:12px; color:#888; }

/* Headings */
.auth-heading { font-size:1.25rem; font-weight:500; text-align:center; margin-bottom:.35rem; }
.auth-subheading { font-size:.8125rem; color:#888; text-align:center; margin-bottom:1.75rem; }

/* Alerts */
.auth-alert { display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:8px; font-size:.8125rem; margin-bottom:1.25rem; }
.auth-alert--danger  { background:#fef2f2; border:0.5px solid #fca5a5; color:#b91c1c; }
.auth-alert--success { background:#f0fdf4; border:0.5px solid #86efac; color:#15803d; }

/* Fields */
.auth-field { margin-bottom:1rem; }
.auth-field-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; }
.auth-label { font-size:.8125rem; font-weight:500; }
.auth-forgot-link { font-size:.75rem; color:#888; text-decoration:none; }
.auth-forgot-link:hover { color:#111; }
.auth-input-wrap { position:relative; display:flex; align-items:center; }
.auth-input-icon { position:absolute; left:11px; color:#aaa; font-size:14px; pointer-events:none; }
.auth-input { width:100%; padding:.5rem .75rem .5rem 2.1rem; font-size:.875rem; border:0.5px solid rgba(0,0,0,.18); border-radius:8px; background:#fff; outline:none; transition:border-color .15s, box-shadow .15s; }
.auth-input:focus { border-color:#4F46E5; box-shadow:0 0 0 3px rgba(79,70,229,.12); }
.auth-toggle-pw { position:absolute; right:8px; background:none; border:none; cursor:pointer; color:#aaa; font-size:14px; padding:4px; }
.auth-toggle-pw:hover { color:#555; }
.auth-field-error { display:block; font-size:.75rem; color:#dc2626; margin-top:4px; }

/* Remember me */
.auth-remember { display:flex; align-items:center; gap:8px; margin-bottom:1.5rem; }
.auth-checkbox { width:15px; height:15px; accent-color:#4F46E5; }
.auth-remember-label { font-size:.8125rem; color:#666; margin:0; }

/* Submit button */
.auth-btn-submit { width:100%; padding:.6rem 1rem; background:#4F46E5; color:#fff; border:none; border-radius:8px; font-size:.875rem; font-weight:500; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:background .15s; }
.auth-btn-submit:hover { background:#4338CA; }

/* Separator */
.auth-sep { display:flex; align-items:center; gap:12px; margin:1.5rem 0; }
.auth-sep-line { flex:1; height:0.5px; background:rgba(0,0,0,.1); }
.auth-sep-text { font-size:.75rem; color:#aaa; }

/* Register row */
.auth-register-row { text-align:center; font-size:.8125rem; color:#888; margin:0; }
.auth-register-link { color:#4F46E5; font-weight:500; text-decoration:none; }
.auth-register-link:hover { color:#4338CA; }

/* Reset sayfası ikon rozeti */
.auth-icon-badge {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(79,70,229,.08);
    border: 0.5px solid rgba(79,70,229,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #4F46E5;
    margin: 0 auto 1.25rem;
}

/* Success varyantı icon badge */
.auth-icon-badge--success {
    background: rgba(22, 163, 74, .08);
    border-color: rgba(22, 163, 74, .2);
    color: #16a34a;
}

/* E-posta doğrulama adım listesi */
.auth-verified-steps {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 1.75rem 0 0;
    padding: 1.25rem;
    background: var(--color-background-secondary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-lg);
}

.auth-verified-step {
    display: flex;
    align-items: center;
    gap: 12px;
}

.auth-step-dot {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
    border: 0.5px solid transparent;
}

.auth-verified-step--done .auth-step-dot {
    background: rgba(22, 163, 74, .1);
    border-color: rgba(22, 163, 74, .25);
    color: #16a34a;
}

.auth-verified-step--active .auth-step-dot {
    background: rgba(79, 70, 229, .1);
    border-color: rgba(79, 70, 229, .25);
    color: #4F46E5;
}

.auth-step-label {
    font-size: .8125rem;
    color: var(--color-text-secondary);
}

.auth-verified-step--active .auth-step-label {
    color: var(--color-text-primary);
    font-weight: 500;
}

.auth-verified-connector {
    width: 1px;
    height: 18px;
    background: var(--color-border-tertiary);
    margin-left: 13px;
}