/* ===== DOMI Mail Login — 金 + 深绿(自建卡片) ===== */

body.task-login {
    background:
        radial-gradient(at 20% 18%, rgba(198,160,74,0.22) 0px, transparent 40%),
        radial-gradient(at 82% 84%, rgba(198,160,74,0.16) 0px, transparent 42%),
        linear-gradient(140deg, #0c1c14 0%, #12281d 50%, #1a3a2a 100%) !important;
    background-attachment: fixed !important;
}

#brandcard {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 410px;
    max-width: 92vw;
    background: #fbfaf6;
    border-top: 4px solid #c6a04a;
    border-radius: 16px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5);
    padding: 46px 40px 38px;
    box-sizing: border-box;
    z-index: 1000;
}

#brandcard #blogo {
    display: block;
    margin: 0 auto 30px;
    max-height: 80px;
    max-width: 240px;
    width: auto;
}

#brandcard #bform { display: block; }

#brandcard .bfield {
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid #e0dccd;
    border-radius: 10px;
    background: #f6f4ec;
    padding: 0 16px;
    margin-bottom: 16px;
    font-size: 15px;
    color: #2a2a2a;
    box-sizing: border-box;
    transition: border-color .15s, box-shadow .15s;
}
#brandcard .bfield::placeholder { color: #a89f8a; }
#brandcard .bfield:focus {
    border-color: #c6a04a;
    outline: none;
    box-shadow: 0 0 0 3px rgba(198,160,74,.18);
    background: #fff;
}

#brandcard #bsubmit {
    display: block;
    width: 100%;
    height: 52px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #c6a04a, #d4b25f);
    color: #0f211a;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 2px;
    cursor: pointer;
    margin-top: 10px;
    box-shadow: 0 8px 20px rgba(198,160,74,.4);
    transition: transform .1s, box-shadow .15s;
}
#brandcard #bsubmit:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(198,160,74,.55); }