.profile-page{display:flex;flex-direction:column;min-height:100dvh;max-width:860px;margin-inline:auto;width:100%;background:var(--color-bg-page)}.profile-page__login-card{position:relative;max-width:400px;width:calc(100% - 36px);margin-inline:auto;background:#fff;border-radius:var(--radius-card-lg);padding:22px 22px 26px;box-shadow:var(--shadow-card);z-index:1}.profile-page__content{flex:1 1;padding:var(--spacing-xl);padding-bottom:140px}.profile-page__placeholder{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.profile-page__placeholder-heading{font-family:var(--font-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--c-text);line-height:var(--line-height-snug);margin:0}.profile-page__placeholder-body{color:var(--c-text-2);line-height:var(--line-height-normal);margin:0}.profile-page__logout,.profile-page__placeholder-body{font-family:var(--font-body);font-size:var(--font-size-body)}.profile-page__logout{align-self:flex-start;margin-top:var(--spacing-xl);padding:10px 20px;border:1.5px solid var(--c-primary);border-radius:var(--radius-button);background:transparent;color:var(--c-primary);font-weight:var(--font-weight-semi);cursor:pointer;transition:background .15s ease,color .15s ease}.profile-page__logout:hover{background:var(--c-primary);color:#fff}.profile-page__logout:active{transform:scale(.98)}.profile-page__login-spacer{height:calc(120px + env(safe-area-inset-bottom, 0px))}