.elementor-382 .elementor-element.elementor-element-110fcfe{--display:grid;--min-height:635px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-382 .elementor-element.elementor-element-5a0a2fc .elementor-field-group{margin-bottom:10px;}.elementor-382 .elementor-element.elementor-element-5a0a2fc .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-382 .elementor-element.elementor-element-5a0a2fc .elementor-field-group > label{padding-bottom:0px;}.elementor-382 .elementor-element.elementor-element-5a0a2fc .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-382 .elementor-element.elementor-element-5a0a2fc .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}@media(max-width:1024px){.elementor-382 .elementor-element.elementor-element-110fcfe{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-382 .elementor-element.elementor-element-110fcfe{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for login, class: .elementor-element-5a0a2fc *//* ══════════════════════════════════════
   LOGIN WIDGET — RIGHT PANEL
   Navy + Gold + Cream | Elite Guardians
══════════════════════════════════════ */

/* Outer container */
.Login-Form,
.widget_meta,
.login-right-panel {
    background: linear-gradient(160deg, #0d1b3e 0%, #152347 100%) !important;
    border: 1px solid rgba(201,168,76,0.35) !important;
    border-radius: 20px !important;
    padding: 2.5rem 2.25rem !important;
    box-shadow: 0 8px 40px rgba(0,0,0,0.35), inset 0 1px 0 rgba(201,168,76,0.15) !important;
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Decorative gold glow top corner */
.Login-Form::before,
.login-right-panel::before {
    content: "" !important;
    position: absolute !important;
    top: -60px !important;
    right: -60px !important;
    width: 180px !important;
    height: 180px !important;
    background: radial-gradient(circle, rgba(201,168,76,0.15) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

/* Labels */
.Login-Form label {
    color: #c9a84c !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-family: sans-serif !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 0.35rem !important;
    margin-top: 1rem !important;
}

/* Input fields — navy translucent */
.Login-Form input[type="text"],
.Login-Form input[type="email"],
.Login-Form input[type="password"] {
    background: rgba(13,27,62,0.65) !important;
    border: 1px solid rgba(201,168,76,0.25) !important;
    border-radius: 10px !important;
    color: #fdf8f2 !important;
    padding: 0.75rem 1.1rem !important;
    font-family: sans-serif !important;
    font-size: 0.95rem !important;
    width: 100% !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* Input focus */
.Login-Form input[type="text"]:focus,
.Login-Form input[type="email"]:focus,
.Login-Form input[type="password"]:focus {
    border-color: #c9a84c !important;
    background: rgba(13,27,62,0.9) !important;
    box-shadow: 0 0 0 3px rgba(201,168,76,0.12) !important;
    transform: translateY(-1px) !important;
}

/* Placeholder */
.Login-Form input::placeholder {
    color: rgba(220,230,245,0.35) !important;
    font-style: italic !important;
}

/* Log In button */
.Login-Form input[type="submit"],
.Login-Form button[type="submit"],
.Login-Form button {
    background: linear-gradient(135deg, #c9a84c, #e4c46e) !important;
    color: #0d1b3e !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 0.8rem 2rem !important;
    font-weight: 700 !important;
    font-family: sans-serif !important;
    font-size: 0.95rem !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 1.5rem !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(201,168,76,0.3) !important;
}

/* Button hover */
.Login-Form input[type="submit"]:hover,
.Login-Form button[type="submit"]:hover,
.Login-Form button:hover {
    background: linear-gradient(135deg, #0d1b3e, #152347) !important;
    color: #c9a84c !important;
    border: 1px solid #c9a84c !important;
    box-shadow: 0 6px 25px rgba(201,168,76,0.2) !important;
    transform: translateY(-2px) !important;
}

/* Links row — Lost password | Register */
.Login-Form #nav,
.Login-Form p.login-links {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin-top: 1rem !important;
}

.Login-Form a {
    color: #c9a84c !important;
    font-size: 0.83rem !important;
    font-family: sans-serif !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    padding: 0 0.6rem !important;
}

.Login-Form a:first-child {
    padding-left: 0 !important;
    border-right: 1px solid rgba(201,168,76,0.35) !important;
}

.Login-Form a:hover {
    color: #fdf8f2 !important;
}

/* Logged in message */
.Login-Form p,
.Login-Form span,
.widget_meta p {
    color: #dce6f5 !important;
    font-family: sans-serif !important;
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
}

/* Logout link */
.Login-Form .logout,
.widget_meta a {
    color: #c9a84c !important;
    font-weight: 600 !important;
    font-family: sans-serif !important;
    text-decoration: none !important;
    border: 1px solid rgba(201,168,76,0.4) !important;
    padding: 0.3rem 0.85rem !important;
    border-radius: 20px !important;
    font-size: 0.82rem !important;
    margin-left: 0.5rem !important;
    transition: all 0.25s ease !important;
}

.Login-Form .logout:hover,
.widget_meta a:hover {
    background: #c9a84c !important;
    color: #0d1b3e !important;
}

/* ── Mobile Responsive ── */
@media (max-width: 768px) {
    .Login-Form,
    .login-right-panel {
        padding: 1.75rem 1.25rem !important;
        max-width: 100% !important;
        border-radius: 14px !important;
    }
}/* End custom CSS */