/* Login Styles - Aurum Luxury */

.glass-card {
    background: rgba(20, 20, 20, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 0.5px solid rgba(212, 175, 53, 0.3);
}

.gold-glow {
    background: radial-gradient(circle at 0% 0%, rgba(212, 175, 53, 0.15) 0%, transparent 50%);
}

.serif {
    font-family: 'Playfair Display', serif;
}

body {
    background-color: #0A0A0A;
    color: #cbd5e1;
    min-height: 100vh;
    overflow-x: hidden;
}

input:focus {
    box-shadow: 0 0 10px rgba(212, 175, 53, 0.2);
}

button:active {
    transform: scale(0.98);
}

/* Branding Centering - Aurum Luxury */
.aurum-brand.variant-login {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.variant-login .aurum-brand-symbol {
    height: 100px !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
    transform: none !important;
}

.variant-login .aurum-brand-text {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.variant-login .aurum-brand-top {
    height: 48px !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Autofill Protection */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px #0a0a0a inset !important;
    transition: background-color 5000s ease-in-out 0s;
}