.account-main { padding-block: clamp(48px, 7vw, 96px); }
.account-intro { max-width: 720px; margin-bottom: var(--space-7); }
.account-intro .eyebrow { margin-bottom: var(--space-3); }
.account-intro h1 { font: 500 clamp(2.5rem, 5vw, 4.5rem)/1.05 var(--font-serif); letter-spacing: -0.025em; margin-bottom: var(--space-4); }
.account-intro p { max-width: 58ch; color: var(--ounin-stone); }
.account-signin { display: grid; gap: var(--space-6); padding: clamp(24px, 4vw, 48px); border: 1px solid var(--ounin-line); border-radius: 20px; background: var(--ounin-paper); }
.account-signin h2, .account-service h3, .account-help h2 { font-family: var(--font-serif); font-weight: 500; }
.account-signin h2 { font-size: var(--type-h2); margin-bottom: var(--space-3); }
.account-signin p { color: var(--ounin-stone); max-width: 55ch; }
.account-signin-action { display: flex; flex-direction: column; justify-content: center; gap: var(--space-3); }
.account-signin-action p { font-size: var(--type-small); }
.account-services { margin-top: var(--space-8); scroll-margin-top: 100px; }
.account-services > h2 { font-family: var(--font-serif); font-size: var(--type-h2); margin-bottom: var(--space-5); }
.account-service-grid { display: grid; gap: var(--space-5); }
.account-service { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-6); border: 1px solid var(--ounin-line); border-radius: 16px; }
.account-service h3 { font-size: var(--type-h3); }
.account-service p { color: var(--ounin-stone); }
.account-service .btn { margin-top: auto; }
.account-help { margin-top: var(--space-7); padding-top: var(--space-6); border-top: 1px solid var(--ounin-line); max-width: 760px; }
.account-help h2 { font-size: var(--type-h3); margin-bottom: var(--space-3); }
.account-help p + p { margin-top: var(--space-3); }
.account-help a { text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 768px) {
  .account-signin { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
  .account-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 479px) {
  .account-signin-action .btn, .account-service .btn { width: 100%; white-space: normal; text-align: center; }
}