:root {
  --register-blue: #1346b8;
  --register-red: #e64038;
  --register-ink: #10233f;
  --register-paper: #f6f2e9;
}

.register-shell { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }
.register-hero { padding: 72px 0 62px; background: var(--register-paper); color: var(--register-ink); }
.register-back { display: inline-block; margin-bottom: 42px; color: var(--register-blue); font-weight: 800; text-decoration: none; }
.register-kicker { display: block; color: var(--register-red); font-size: .82rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.register-hero h1 { max-width: 860px; margin: 10px 0 18px; font-size: clamp(2.4rem, 7vw, 5.6rem); line-height: .92; letter-spacing: -.055em; }
.register-hero p { max-width: 700px; margin: 0; font-size: clamp(1.05rem, 2vw, 1.3rem); line-height: 1.55; }
.register-section { padding: 54px 0 80px; background: #fff; }
.register-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.register-card { display: flex; min-height: 330px; padding: 30px; flex-direction: column; border: 2px solid #dbe3f0; border-radius: 28px; background: #fff; box-shadow: 0 15px 40px rgba(16,35,63,.08); }
.register-card-main { border-color: var(--register-blue); background: #f5f8ff; }
.register-card span { color: var(--register-red); font-size: .82rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.register-card h2 { margin: 16px 0 12px; color: var(--register-ink); font-size: clamp(1.55rem, 2.5vw, 2.1rem); line-height: 1.05; }
.register-card p { margin: 0 0 24px; color: #52647c; line-height: 1.55; }
.register-card a, .register-help a { display: inline-flex; min-height: 50px; margin-top: auto; padding: 0 20px; align-items: center; justify-content: center; border-radius: 14px; background: var(--register-red); color: #fff; font-weight: 900; text-align: center; text-decoration: none; }
.register-help { margin-top: 24px; padding: 28px 30px; border-radius: 24px; background: var(--register-ink); color: #fff; }
.register-help strong { font-size: 1.35rem; }
.register-help p { margin: 8px 0 18px; color: #dbe6f5; }
.register-help a { display: inline-flex; margin-top: 0; background: #fff; color: var(--register-ink); }

@media (max-width: 820px) {
  .register-hero { padding: 42px 0 44px; }
  .register-back { margin-bottom: 28px; }
  .register-grid { grid-template-columns: 1fr; }
  .register-card { min-height: 0; padding: 24px; }
  .register-card a { margin-top: 4px; }
}