/* =========================================================
   ADMIN PANEL — LOGIN PAGE STYLES
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

/* ── Arka plan ── */
.login-bg {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #0f172a 100%);
}

/* ── Nokta deseni ── */
.dot-pattern {
    background-image: radial-gradient(circle, rgba(255,255,255,0.08) 1px, transparent 1px);
    background-size: 28px 28px;
}

/* ── Yüzen orb dekorasyonları ── */
.orb {
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.15;
    position: absolute;
    animation: float 8s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-18px); }
}

/* ── Logo parıltısı ── */
.brand-glow {
    filter: drop-shadow(0 0 24px rgba(14,165,233,0.4));
}

/* ── Cam kart ── */
.glass-card {
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* ── Input alanları ── */
.input-field {
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    border: 1.5px solid #e2e8f0;
}

.input-field:focus {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.12);
    background: #ffffff !important;
    outline: none;
}

/* ── Giriş butonu ── */
.btn-login {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35);
}

.btn-login:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.45);
}

.btn-login:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(14, 165, 233, 0.3);
}