/* =========================================================================
   KAAYA GLOW - MODERN LOGIN UI (layer over lg-login.css, login.php only)
   ========================================================================= */
.lg-section { padding: 100px 0 130px; }
.lg-section-overlay {
    background:
        radial-gradient(800px 480px at 85% 0%, rgba(142, 182, 155, .26), transparent 60%),
        linear-gradient(180deg, rgba(5,31,32,.86) 0%, rgba(5,31,32,.64) 50%, rgba(5,31,32,.88) 100%);
}
.lg-card-wrap { max-width: 1020px; }
.lg-card {
    border-radius: 28px;
    grid-template-columns: .9fr 1.1fr;
    box-shadow: 0 30px 70px -28px rgba(5,31,32,.5);
}

/* brand panel: deep green gradient + soft glow, no clipped corner */
.lg-panel-brand {
    clip-path: none;
    padding: 56px 44px;
    background:
        radial-gradient(420px 320px at 100% 0%, rgba(142,182,155,.28), transparent 65%),
        radial-gradient(360px 280px at 0% 100%, rgba(63,125,104,.35), transparent 70%),
        linear-gradient(160deg, #0b2b26 0%, #051f20 100%);
}
.lg-brand-badge { border-radius: 16px; width: 52px; height: 52px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); animation: none; }
.lg-brand-badge svg { opacity: .9; }
.lg-brand-heading { font-size: 40px; font-weight: 700; line-height: 1.08; }
.lg-brand-desc { color: #c9e4d2; }
.lg-features { border-top-color: rgba(255,255,255,.14); gap: 12px; }
.lg-features li {
    padding: 11px 14px; border-radius: 14px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.09);
}
.lg-feature-icon { border-radius: 10px; background: rgba(142,182,155,.2); border: 0; }
.lg-feature-icon svg { opacity: 1; }
.lg-features span { color: #e7f5ea; }

/* form panel */
.lg-panel-form { padding: 52px 52px 46px; background: #fff; }
.lg-form-eyebrow {
    display: inline-block; align-self: flex-start; width: fit-content;
    font: 700 11px/1 var(--kg-body-font); letter-spacing: .16em; text-transform: uppercase;
    color: #235347; background: #eaf6ed; padding: 7px 12px; border-radius: 999px; margin-bottom: 0;
}
.lg-form-heading { font-size: 36px; font-weight: 700; color: #0b2b26; margin: 14px 0 6px; line-height: 1.1; }
.lg-form-desc { color: #5a7a70; margin-bottom: 24px; }

.lg-social-row { grid-template-columns: 1fr 1fr; gap: 12px; }
.lg-social-btn {
    border-radius: 14px; padding: 13px 10px; border: 1.5px solid #d5e9db; background: #fff;
    font-size: 13px; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease, background .25s ease;
}
.lg-social-btn:hover { background: #f5fbf6; border-color: #8eb69b; transform: translateY(-1px); box-shadow: 0 10px 20px -14px rgba(5,31,32,.5); }
.lg-social-btn--apple { background: #0b0f0e; border-color: #0b0f0e; }
.lg-social-btn--apple:hover { background: #26302d; border-color: #26302d; }
.lg-divider { margin: 22px 0; }
.lg-divider::before, .lg-divider::after { background: #d5e9db; }
.lg-divider span { color: #7a978d; }

.lg-field { margin-bottom: 18px; }
.lg-field label { color: #10302a; }
.lg-field input[type="email"], .lg-field input[type="password"], .lg-field input[type="text"] {
    min-height: 54px; border-radius: 14px; background: #f5fbf6; border: 1.5px solid #d5e9db; color: #10302a;
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.lg-field input:hover { border-color: #8eb69b; }
.lg-field input:focus { background: #fff; border-color: #3f7d68; box-shadow: 0 0 0 4px rgba(63,125,104,.16); outline: none; }
.lg-field-input-wrap:focus-within .lg-field-icon { color: #3f7d68; }
.lg-options-row { margin-bottom: 22px; }
.lg-forgot { color: #235347; }

.lg-submit {
    min-height: 56px; border-radius: 16px; font-size: 13.5px; letter-spacing: .06em;
    background: linear-gradient(135deg, #235347 0%, #0b2b26 100%);
    box-shadow: 0 18px 34px -18px rgba(11,43,38,.8);
}
.lg-submit:hover { background: linear-gradient(135deg, #3f7d68 0%, #235347 100%); box-shadow: 0 22px 38px -16px rgba(35,83,71,.75); }
.lg-submit:focus-visible { outline: 3px solid rgba(63,125,104,.4); outline-offset: 3px; }

.lg-register-row { margin-top: 20px; }
.lg-register-row + .lg-register-row { margin-top: 8px; }
.lg-admin-switch { margin-top: 18px; padding-top: 16px; border-top: 1px solid #e3f1e7; }

.lg-alert { border-radius: 16px; align-items: flex-start; }
.lg-alert-error { background: #fdf1f0; border-color: rgba(179,65,60,.3); color: #8f3232; }
.lg-alert-success { background: #eaf6ed; border-color: rgba(35,83,71,.25); color: #235347; }

@media (max-width: 900px) {
    .lg-section { padding: 56px 0 80px; }
    .lg-card { border-radius: 24px; grid-template-columns: minmax(0,1fr); }
    .lg-panel-brand { padding: 34px 28px; }
    .lg-brand-heading { font-size: 32px; }
    .lg-features { display: none; }
    .lg-brand-desc { padding-bottom: 0; }
    .lg-panel-form { padding: 34px 26px 38px; }
    .lg-form-heading { font-size: 30px; }
}
@media (max-width: 480px) {
    .lg-card { border-radius: 20px; }
    .lg-social-row { grid-template-columns: 1fr; }
    .lg-panel-form { padding: 28px 18px 32px; }
}