.msi-account-shell { min-height: min(680px, calc(100vh - 190px)); display: grid; place-items: center; padding: 1.5rem 0; }
.msi-account-card { width: min(100%, 510px); padding: clamp(1.25rem, 4vw, 2rem); border: 1px solid #cbdcf1; border-radius: 18px; background: linear-gradient(145deg, #fff 35%, #f1fbff); box-shadow: 0 18px 45px rgba(31,67,139,.12); }
.msi-account-logo { display: block; width: min(100%, 270px); height: auto; margin: 0 auto 1.35rem; object-fit: contain; }
.msi-account-card h1 { font-weight: 760; letter-spacing: -.025em; }
.msi-account-note { padding: .75rem .85rem; border-left: 4px solid #2457ff; border-radius: 8px; background: #dff7ff; color: #24415c; }
.msi-user-identity { display: grid; line-height: 1.15; text-align: right; }
.msi-user-identity strong { color: #1f2f46; font-size: .88rem; }
.msi-user-identity small { margin-top: .15rem; color: #64748b; font-size: .72rem; }
@media (max-width: 767px) {
  .msi-account-shell { min-height: auto; padding: .75rem 0 1.5rem; }
  .msi-account-card { border-radius: 14px; }
  .msi-user-identity { width: 100%; margin: .25rem 0; text-align: left; }
}