/* © 2026 Dennis Andres */
.apply-areas { margin-bottom: clamp(40px, 5vw, 72px); }
.apply-title { margin-bottom: clamp(20px, 2.4vw, 32px); color: var(--cc-on-sky); font-size: var(--cc-fs-h2); letter-spacing: -.05em; line-height: .95; }
.apply-area-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cc-gap); margin: 0; padding: 0; list-style: none; }
.apply-area { display: grid; align-content: start; gap: 10px; min-height: 168px; }
.apply-area-index { color: transparent; background: var(--gradient); -webkit-background-clip: text; background-clip: text; font-size: 2.25rem; font-weight: 900; letter-spacing: -.06em; line-height: 1; }
.apply-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: var(--cc-gap); }
.apply-main { grid-column: 1; grid-row: 1; min-width: 0; }
.apply-steps-card { grid-column: 2; grid-row: 1; position: sticky; top: calc(var(--cc-header) + 24px); display: grid; gap: 16px; min-width: 0; }
.apply-steps { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.apply-steps li { display: flex; align-items: flex-start; gap: 14px; padding: 12px 14px; border: 1px solid var(--cc-line); border-radius: 14px; background: rgba(255, 255, 255, .04); transition: border-color var(--cc-dur) ease, background-color var(--cc-dur) ease; }
.apply-steps b { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 50%; color: #fff; background: rgba(255, 255, 255, .1); font-size: .8125rem; }
.apply-steps span { display: grid; gap: 2px; color: var(--cc-snow-soft); font-size: .875rem; line-height: 1.5; }
.apply-steps strong { color: #fff; font-size: .9375rem; }
.apply-steps li.is-current { border-color: rgba(255, 73, 128, .7); background: rgba(255, 73, 128, .12); }
.apply-steps li.is-current b { color: var(--cc-ink); background: var(--gradient); }
.apply-steps li.is-done b { color: var(--cc-ink); background: var(--gradient-cool); }
.apply-form .form-note { margin-top: -6px; }
.apply-who { padding: 14px 16px; border-radius: 14px; color: var(--cc-snow-soft); background: rgba(255, 255, 255, .06); }
.apply-who strong { color: #fff; }
.apply-done, .apply-login { display: grid; justify-items: start; gap: 14px; }

@media (max-width: 1023px) {
  .apply-area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apply-layout { grid-template-columns: minmax(0, 1fr); }
  .apply-main, .apply-steps-card { grid-column: auto; grid-row: auto; }
  .apply-steps-card { position: static; }
}
@media (max-width: 560px) {
  .apply-area-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .apply-area { grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; min-height: 0; padding: 18px 20px; }
  .apply-area-index { grid-row: span 2; font-size: 1.75rem; }
}