body { margin: 0; color: #172033; background: #f3f6fb; font: 16px system-ui, sans-serif; }
.container { max-width: 54rem; margin: 4rem auto; padding: 1.5rem; }
.account-header { display: flex; align-items: center; gap: 1.5rem; margin-bottom: 2rem; }
.brand-logo { display: block; width: min(35vw, 13rem); height: auto; }
.account-header h1 { margin: 0; }
.profile { display: flex; gap: 1.5rem; align-items: start; padding: 1.5rem; background: white; border: 1px solid #dce3ed; border-radius: 1rem; }
img { width: 5rem; height: 5rem; border-radius: 50%; }
.brand-logo { width: min(35vw, 13rem); height: auto; border-radius: 0; }
dl { display: grid; grid-template-columns: 8rem 1fr; gap: .7rem; margin: 0; }
dt { color: #59677b; }
dd { margin: 0; }
.notice { padding: 1rem; border-radius: .5rem; background: #fff4d7; }