*/ body:has(#cm-login-brand) .cm-login { width: calc(100% - 32px); max-width: 480px; background: #111625; border: 1px solid #283149; border-radius: 22px; margin: 25px auto 12px; box-shadow: 0 20px 65px rgba(0,0,0,.35); padding: 30px; } body:has(#cm-login-brand) .cm-login .cm-login-mark { display: none; } body:has(#cm-login-brand) .cm-login h2 { text-align: center; font-size: 23px; } body:has(#cm-login-brand) .cm-login > p { text-align: center; font-size: 14px; } body:has(#cm-login-brand) .cm-login input[type=text], body:has(#cm-login-brand) .cm-login input[type=password] { background: #080b14; border: 1px solid #35415b; border-radius: 12px; min-height: 47px; color: #f2f5fb; } body:has(#cm-login-brand) .cm-login input:focus-visible { outline: 2px solid #55e3e6; outline-offset: 2px; } body:has(#cm-login-brand) .cm-login .cm-login-btn { background: #55e3e6; color: #080b14 !important; border-radius: 12px; font-weight: 750; } body:has(#cm-login-brand) .cm-login .cm-login-btn:hover { background: #87f0f1; } #cm-login-brand-footer { text-align: center; color: #7c899f; font: 12px/1.5 system-ui,sans-serif; margin: 5px auto 35px; padding: 0 18px; } @media(max-width: 600px) { #cm-login-brand { margin-top: 28px; } body:has(#cm-login-brand) .cm-login { padding: 23px; } }