/**
 * Giriş sayfası stilleri (standalone – uygulama.css ile birlikte kullanılmaz).
 * Proje renk değişkenleri ile uyumlu tutulur.
 */
:root {
    --pt-primary: #4f46e5;
    --pt-primary-hover: #4338ca;
    --pt-beyaz: #ffffff;
    --giris-bg: #0f172a;
    --giris-kart-bg: rgba(30,41,59,.85);
    --giris-border: rgba(99,102,241,.18);
    --giris-input-bg: rgba(15,23,42,.6);
    --giris-input-border: rgba(99,102,241,.2);
    --giris-text: #e2e8f0;
    --giris-heading: #f1f5f9;
    --giris-muted: #94a3b8;
    --giris-label: #cbd5e1;
    --giris-placeholder: #475569;
    --giris-focus-glow: rgba(99,102,241,.18);
    --giris-hata-bg: rgba(239,68,68,.12);
    --giris-hata-border: rgba(239,68,68,.2);
    --giris-hata-text: #fca5a5;
    --giris-hata-kilitli-bg: rgba(239,68,68,.2);
    --giris-hata-kilitli-border: rgba(239,68,68,.35);
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: var(--giris-bg);
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

body::before,
body::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

body::before {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(99,102,241,.2) 0%, transparent 70%);
    top: -120px;
    right: -100px;
}

body::after {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(139,92,246,.15) 0%, transparent 70%);
    bottom: -80px;
    left: -60px;
}

.giris-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 420px;
    padding: 1.25rem;
}

.giris-kart {
    background: var(--giris-kart-bg);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--giris-border);
    border-radius: 1rem;
    box-shadow: 0 20px 60px rgba(0,0,0,.35);
    padding: 2.25rem 2rem;
}

.giris-marka {
    text-align: center;
    margin-bottom: 1.75rem;
}

.giris-marka-ikon {
    width: 56px;
    height: 56px;
    margin: 0 auto .85rem;
    background: linear-gradient(135deg, #6366f1, var(--pt-primary));
    border-radius: .85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--pt-beyaz);
    box-shadow: 0 4px 16px rgba(99,102,241,.35);
}

.giris-marka h1 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--giris-heading);
    margin: 0 0 .25rem;
}

.giris-marka p {
    color: var(--giris-muted);
    font-size: .82rem;
    margin: 0;
}

.giris-label {
    display: block;
    font-size: .78rem;
    font-weight: 600;
    color: var(--giris-label);
    margin-bottom: .35rem;
}

.giris-input-grup {
    margin-bottom: 1.15rem;
}

.giris-input-wrap {
    position: relative;
}

.giris-input-grup .input-ikon {
    position: absolute;
    left: .85rem;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    font-size: .95rem;
    pointer-events: none;
    transition: color .15s;
}

.giris-input {
    width: 100%;
    padding: .6rem .85rem .6rem 2.5rem;
    background: var(--giris-input-bg);
    border: 1px solid var(--giris-input-border);
    border-radius: .5rem;
    color: var(--giris-text);
    font-size: .875rem;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
}

.giris-input::placeholder {
    color: var(--giris-placeholder);
}

.giris-input:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px var(--giris-focus-glow);
}

.giris-input:focus ~ .input-ikon {
    color: #818cf8;
}

.giris-hata {
    background: var(--giris-hata-bg);
    border: 1px solid var(--giris-hata-border);
    border-radius: .5rem;
    padding: .55rem .85rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .8rem;
    color: var(--giris-hata-text);
}

.giris-hata--kilitli {
    background: var(--giris-hata-kilitli-bg);
    border-color: var(--giris-hata-kilitli-border);
}

.giris-btn {
    width: 100%;
    padding: .65rem;
    background: linear-gradient(135deg, #6366f1, var(--pt-primary));
    border: none;
    border-radius: .5rem;
    color: var(--pt-beyaz);
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}

.giris-btn:hover {
    background: linear-gradient(135deg, #818cf8, #6366f1);
    box-shadow: 0 4px 16px rgba(99,102,241,.4);
    transform: translateY(-1px);
}

.giris-btn:active {
    transform: translateY(0);
}

.giris-alt {
    text-align: center;
    margin-top: 1.5rem;
    font-size: .72rem;
    color: var(--giris-placeholder);
}

/* Beni hatirla kutusu icin stiller */
.giris-kart .form-check-label {
    color: var(--giris-label);
    font-size: .78rem;
}

.giris-kart .form-check-input {
    background-color: transparent;
    border-color: var(--giris-input-border);
}

.giris-kart .form-check-input:checked {
    background-color: var(--pt-primary);
    border-color: var(--pt-primary);
}