/* ═══════════════════════════════════════════════════════════════
   Auth / Login — Mavrion markası (navy + cyan + green)
   "Black Core. Ionic Technology."
═══════════════════════════════════════════════════════════════ */

:root{
    --mav-cyan:#22c3e6; --mav-cyan-2:#38d6f0; --mav-green:#22c55e; --mav-green-2:#34d399;
    --mav-navy:#0a1424; --mav-navy-2:#0f1d33;
}

/* Sayfa zemini — markalı, hafif ışıklı */
.account-pages{
    position:relative;
    min-height:calc(100vh - 60px);
}
.account-pages::before{
    content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:
        radial-gradient(540px 380px at 15% 10%, rgba(34,195,230,.16), transparent 60%),
        radial-gradient(520px 420px at 85% 90%, rgba(34,197,94,.12), transparent 60%);
}

/* Üst tema-değiştir şeridi */
.theme-header{ position:relative; z-index:2; }
.btn-theme-toggle{
    background:transparent;border:1px solid var(--bs-border-color,rgba(148,163,184,.3));
    color:var(--bs-secondary-color,#74788d);border-radius:12px;width:46px;height:46px;
    display:inline-flex;align-items:center;justify-content:center;transition:.2s;
}
.btn-theme-toggle:hover{ color:var(--mav-cyan);border-color:var(--mav-cyan); }
.btn-theme-toggle i{ font-size:1.1rem; }

/* Kart */
.mavrion-auth-card{
    border:none;border-radius:20px;overflow:hidden;background:#fff;
    box-shadow:0 28px 70px -24px rgba(10,20,36,.5), 0 10px 30px -12px rgba(34,195,230,.18);
}
[data-bs-theme="dark"] .mavrion-auth-card{
    background:var(--mav-navy-2);
    box-shadow:0 28px 70px -24px rgba(0,0,0,.7), 0 0 0 1px rgba(148,163,184,.12);
}

/* Markalı başlık — koyu lacivert + grid + cyan/green ışık */
.mavrion-auth-header{
    background:
        radial-gradient(circle at 25% 20%, rgba(34,195,230,.22), transparent 55%),
        radial-gradient(circle at 80% 90%, rgba(34,197,94,.18), transparent 55%),
        linear-gradient(135deg, var(--mav-navy) 0%, var(--mav-navy-2) 60%, #123 100%);
    position:relative;overflow:hidden;
}
.mavrion-auth-header::before{
    content:'';position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(56,214,240,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56,214,240,.06) 1px, transparent 1px);
    background-size:24px 24px;pointer-events:none;
    mask-image:radial-gradient(ellipse 70% 80% at 50% 30%, #000 35%, transparent 75%);
}
.mavrion-auth-header > *{ position:relative; z-index:1; }

/* Emblem + wordmark */
.auth-emblem{
    width:78px;height:78px;object-fit:contain;
    filter:drop-shadow(0 8px 22px rgba(34,195,230,.45));
    animation:authFloat 5s ease-in-out infinite;
}
@keyframes authFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.auth-brand-word{
    color:#fff;font-weight:900;font-size:1.5rem;letter-spacing:-.03em;
    margin:.6rem 0 .15rem;
}
.auth-brand-word span{ color:var(--mav-cyan); }
.auth-slogan{
    color:var(--mav-cyan-2);font-size:.7rem;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;
}
.auth-welcome{ color:rgba(255,255,255,.8);font-size:.9rem;margin:0; }

/* Form alanları */
.mavrion-auth-card .card-body .form-label{ font-weight:600;font-size:.86rem; }
.mavrion-auth-card .form-control,
.mavrion-auth-card .input-group-text{
    border-radius:12px;padding:.7rem .9rem;border-color:var(--bs-border-color,rgba(148,163,184,.3));
}
.mavrion-auth-card .input-group .form-control{ border-top-right-radius:0;border-bottom-right-radius:0; }
.mavrion-auth-card .input-group .input-group-text{ border-top-left-radius:0;border-bottom-left-radius:0; }
.mavrion-auth-card .form-control:focus{
    border-color:var(--mav-cyan);
    box-shadow:0 0 0 .2rem rgba(34,195,230,.2);
}
#toggleIcon{ cursor:pointer;user-select:none;color:var(--bs-secondary-color,#74788d); }

/* Giriş butonu — markalı gradient */
.mavrion-auth-card #btn-login.btn-primary{
    background:linear-gradient(120deg, var(--mav-cyan), var(--mav-green));
    border:none;color:#04121a;font-weight:800;border-radius:12px;padding:.75rem 1rem;
    box-shadow:0 12px 28px -8px rgba(34,195,230,.5);transition:.2s;
}
.mavrion-auth-card #btn-login.btn-primary:hover{
    transform:translateY(-2px);box-shadow:0 16px 34px -8px rgba(34,195,230,.65);color:#04121a;
}
.mavrion-auth-card a.text-primary{ color:var(--mav-cyan)!important;font-weight:700; }
.mavrion-auth-card a.text-primary:hover{ color:var(--mav-green-2)!important; }

/* Yardımcılar */
.invalid-feedback.d-block{ display:block!important;margin-top:.25rem; }
