#loginOverlay { position:fixed; inset:0; z-index:100; background: radial-gradient(circle, rgba(20,35,22,0.92) 0%, rgba(10,18,12,0.97) 100%); display:flex; align-items:center; justify-content:center; }
#loginBox {
    background: rgba(22, 38, 25, 0.8);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    color: #f7f3f0; padding: 42px 48px; border-radius: 24px; text-align:center;
    min-width: 320px; max-width: 90vw;
    border: 1px solid rgba(242, 212, 155, 0.3);
    box-shadow: 0 16px 50px rgba(0,0,0,0.5);
}
#loginBox h2 { margin:0 0 4px; font-family:'Cormorant Garamond', serif; font-size: 34px; font-weight: 700; color: #f2d49b; letter-spacing: 2px; }
#loginBox .sub { color: #d1c2bd; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 24px; }
#loginBox input[type="text"], #loginBox input[type="password"] {
    width: 100%; padding: 13px 16px; margin: 7px 0;
    border: 1px solid rgba(229, 200, 209, 0.25); border-radius: 12px;
    background: rgba(12, 22, 14, 0.6); color: #fff; font-size: 14px; box-sizing: border-box;
}
#loginBox input[type="text"]:focus, #loginBox input[type="password"]:focus { border-color: #f2d49b; outline: none; }
#loginBox input[type="color"] { width: 56px; height: 42px; border: 1px solid rgba(229, 200, 209, 0.3); border-radius: 10px; background: transparent; cursor: pointer; padding: 2px; }
#loginBox button {
    width: 100%; padding: 14px; margin-top: 20px; border: none; border-radius: 30px;
    background: linear-gradient(135deg, #e5c8d1 0%, #c896a6 100%);
    color: #1a1018; font-size: 14px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
    cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(229, 200, 209, 0.3);
}
#loginBox button:hover { background: linear-gradient(135deg, #f2d49b 0%, #e5c8d1 100%); transform: translateY(-1px); }
.login-color-row { display:flex; align-items:center; justify-content:center; gap:14px; margin:16px 0 8px; }
.login-color-row label { font-size: 13px; color: #d1c2bd; }
#loginError { color: #f47174; font-size: 12px; min-height: 18px; margin: 8px 0; }
.login-hint { color: #9e8e96; font-size: 11px; margin-top: 22px; line-height: 1.6; }