.msa-login{max-width:420px;margin:0 auto;padding:24px;border:1px solid rgb(0 0 0 / .1);border-radius:14px;background:#fff;box-shadow:0 2px 12px rgb(0 0 0 / .06);font-size:16px;line-height:1.6}.msa-login__title{margin:0 0 16px;font-size:1.15em;font-weight:700;text-align:center;color:#1a1a1a}.msa-login__buttons{display:flex;flex-direction:column;gap:10px}.msa-btn{display:flex;align-items:center;gap:12px;padding:13px 18px;border-radius:10px;border:1px solid var(--msa-brand,#333);background:var(--msa-brand,#333);color:#fff;font-weight:600;text-decoration:none;transition:filter .15s ease,transform .15s ease;min-height:48px;box-sizing:border-box}.msa-btn:hover,.msa-btn:focus{filter:brightness(1.08);color:#fff;text-decoration:none}.msa-btn:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}.msa-btn:active{transform:translateY(1px)}.msa-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgb(255 255 255 / .22);font-size:14px;flex:0 0 26px}.msa-btn--google{background:#fff;color:#3c4043;border-color:#dadce0}.msa-btn--google:hover,.msa-btn--google:focus{color:#3c4043;background:#f8f9fa}.msa-btn--google .msa-btn__icon{background:#4285f4;color:#fff}.msa-login__terms{margin:16px 0 0;font-size:.8em;color:#666;line-height:1.5}.msa-notice{margin:0 0 16px;padding:12px 14px;border-radius:8px;font-size:.9em;border-left:4px solid}.msa-notice--ok{background:#e8f5e9;border-color:#2e7d32;color:#1b5e20}.msa-notice--err{background:#fdecea;border-color:#c62828;color:#8e1616}.msa-notice--warn{background:#fff8e1;border-color:#f9a825;color:#7a5c00}.msa-logout{font-size:.9em;color:#555;text-decoration:underline}@media (max-width:480px){.msa-login{padding:18px;border-radius:10px}}