#modal:has(.login-form){max-width:470px;padding:42px 36px 28px;border-radius:24px;background:#161515;border-color:#5c5148}
#modal:has(.login-form) h2{font-size:30px;margin:0 0 28px}
.login-brand{width:92px;height:28px;margin:0 auto 30px}
.login-form{display:flex;flex-direction:column;text-align:left;gap:10px}
.login-form>label{font-size:14px;color:#ded9d5}
.login-form>input{width:100%;min-width:0;min-height:50px;border:1px solid #625a54;border-radius:6px;background:#242120;color:#fff;padding:12px 14px;font-size:16px;margin-bottom:12px}
.login-form>input::placeholder{color:#aaa29b}
.login-form .login-show{display:flex;align-items:center;gap:9px;font-size:13px;margin:0 0 12px}
.login-show input{width:17px;height:17px;accent-color:#faad77;margin:0}
.login-form .modal-action{margin:0;min-height:52px;font-size:17px;width:100%}
#modal .login-providers[hidden],#modal .login-divider[hidden]{display:none}
.login-change-email{align-self:center;padding:12px;color:#faad77;font-size:14px}
#modal .login-legal{margin:20px -10px 0;max-width:none;text-align:center;color:#bfbfbf;font:400 16px/20px Inter,Arial,sans-serif}
#modal .login-legal button{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
@media(max-width:600px){#modal .login-legal{margin:20px 0 0;font-size:13px;line-height:18px}}
#modal:has(.login-form) .login-divider{margin:22px 0 16px}
#modal:has(.login-form) .login-providers{margin-top:0;gap:10px}
#modal:has(.login-form) #service-error{font-size:14px;color:#ffb6aa;line-height:1.5;margin-top:18px}
@media(max-width:480px){#modal:has(.login-form){padding:40px 24px 24px}#modal:has(.login-form) h2{font-size:27px}}