.login-shared-note { margin: 20px 0; padding: 14px 16px; border-radius: 14px; background: #f0edff; color: #504174; text-align: left; font-size: .88rem; line-height: 1.65; }
.login-card #line-login-button { display: flex; align-items: center; justify-content: center; background: #078739; border-color: #078739; color: #fff; text-decoration: none; min-height: 54px; }
.login-card #line-login-button:hover { background: #056c2d; border-color: #056c2d; }
.login-card #line-login-button[aria-disabled="true"] { background: #e5e7eb; border-color: #d1d5db; color: #475569; cursor: not-allowed; box-shadow: none; transform: none; }
.login-card #line-login-button:focus-visible, .login-method-button:focus-visible { outline: 3px solid #9581ff; outline-offset: 4px; }
.login-methods { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 20px 0 10px; }
.login-method-button { border: 1px solid #ded9ef; padding: 11px 14px; border-radius: 12px; background: #fff; color: #58477d; font: inherit; font-size: .86rem; font-weight: 700; cursor: pointer; }
.login-method-button[aria-expanded="true"] { background: #f0edff; border-color: #aa9bea; }
.login-card #login-form { margin-top: 22px; }
.login-card .login-team-help { margin-top: 16px; font-size: .8rem; color: #64748b; line-height: 1.6; }
.login-card #login-status:empty { display: none; }
.login-card .hidden { display: none !important; }
@media (max-width: 520px) { .login-card { padding: 26px 22px; } .login-methods { flex-direction: column; } .login-method-button { width: 100%; } }