.lg-page {
    /* ปรับเป็น AASP Theme (เน้นสีชมพู Magenta) */
    --main: #D1236B;   /* aasp-primary */
    --main2: #A31250;  /* aasp-primary-dark */
}
.lg-crumb {
    display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px;
    border-radius: 50px; background: #fff; box-shadow: 0 4px 16px rgba(45, 39, 105, .08); /* เปลี่ยนเงาเป็นโทน indigo */
    font-size: .95rem;
}
.lg-crumb a { color: #6B668A; text-decoration: none; transition: .2s; }
.lg-crumb a:hover { color: var(--main); }
.lg-crumb .sep { color: #E5CDD8; font-size: .7rem; }
.lg-crumb .active { color: var(--main); font-weight: 600; }
.lg-wrap {
    padding: 24px 0 48px;
    /* เปลี่ยนสีพื้นหลังเป็นโทนสีชมพู */
    background: radial-gradient(circle at 15% 10%, rgba(209, 35, 107, .12), transparent 45%), 
                radial-gradient(circle at 85% 90%, rgba(209, 35, 107, .08), transparent 45%);
}
.lg-card {
    max-width: 460px; margin: auto; background: #fff; border-radius: 24px;
    overflow: hidden; box-shadow: 0 24px 60px rgba(45, 39, 105, .15); /* เปลี่ยนเงาเป็นโทน indigo */
    animation: lgUp .4s ease;
}
.lg-head {
    padding: 30px 24px 24px; text-align: center; color: #fff;
    background: linear-gradient(135deg, var(--main), var(--main2));
}
.lg-logos { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 14px; }
.lg-logos img { max-height: 56px; padding: 6px; /*background: #fff; */ border-radius: 10px; }
.lg-logos img:first-child { max-width: none; }
.lg-head h1 { font-size: 1.45rem; font-weight: 600; margin: 0; }
.lg-head small { display: block; opacity: .85; margin-top: 4px; }
.lg-body { padding: 28px 30px 30px; }
.lg-field { position: relative; margin-bottom: 16px; }
.lg-field label { font-weight: 500; color: #2D2769; margin-bottom: 6px; font-size: .95rem; } /* สีข้อความ indigo */
.lg-field .form-control {
    height: 48px; padding: 0 46px 0 42px; border-radius: 12px;
    border: 1.5px solid #E5CDD8; background: #FFFDF9; transition: .2s; /* ขอบสีชมพูอ่อน และพื้นหลังครีม */
}
.lg-field .form-control:focus {
    border-color: var(--main); background: #fff;
    box-shadow: 0 0 0 4px rgba(209, 35, 107, .15); /* เงาตอนโฟกัสเป็นสีชมพู */
}
.lg-field .lg-ico { position: absolute; left: 15px; bottom: 15px; color: #6B668A; }
.lg-eye {
    position: absolute; right: 6px; bottom: 6px; width: 36px; height: 36px;
    border: 0; background: none; color: #6B668A; border-radius: 8px;
}
.lg-eye:hover { color: var(--main); }
.lg-forgot {
    display: block; text-align: right; margin: -6px 0 22px;
    font-size: .9rem; color: var(--main); text-decoration: none;
}
.lg-forgot:hover { text-decoration: underline; }
.lg-btn {
    width: 100%; height: 50px; border: 0; border-radius: 14px;
    color: #fff; font-weight: 600; font-size: 1.05rem;
    background: linear-gradient(135deg, var(--main), var(--main2));
    box-shadow: 0 10px 24px rgba(209, 35, 107, .35); /* เงาปุ่มสีชมพู */
    transition: .2s;
}
.lg-btn:hover {
    color: #fff; transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(209, 35, 107, .45);
}
.lg-btn.wait { background: #E5CDD8; box-shadow: none; cursor: wait; }

@keyframes lgUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: none; }
}