/* STROKE-CARD SR – Public Registration Form */
.sc-form-wrap{max-width:660px;margin:0 auto;font-family:'DM Sans',-apple-system,sans-serif;}
.sc-steps{display:flex;align-items:center;background:#fff;border-radius:12px;padding:16px 22px;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,0,0,.07);}
.sc-step{display:flex;align-items:center;gap:9px;flex:1;}
.sc-step-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;background:#E8E4DE;color:#636366;flex-shrink:0;transition:all .2s;}
.sc-step.active .sc-step-num{background:#C0392B;color:#fff;}
.sc-step.done .sc-step-num{background:#1A7A6E;color:#fff;}
.sc-step-label{font-size:12.5px;color:#636366;transition:color .2s;}
.sc-step.active .sc-step-label{color:#C0392B;font-weight:500;}
.sc-step.done .sc-step-label{color:#1A7A6E;}
.sc-step-line{flex:0 0 28px;height:1px;background:rgba(28,28,30,.12);margin:0 4px;}
.sc-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;}
.sc-form-section{display:none;padding:26px 26px 20px;animation:scFadeIn .3s ease;}
.sc-form-section.active{display:block;}
@keyframes scFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.sc-sec-header{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(28,28,30,.12);}
.sc-sec-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.sc-sec-icon.red{background:#FADBD8;}.sc-sec-icon.teal{background:#D1ECE9;}.sc-sec-icon.amber{background:#FEF3E0;}
.sc-sec-header h2{font-size:19px;font-weight:500;margin:0 0 3px;color:#1C1C1E;}
.sc-sec-header p{font-size:13px;color:#636366;margin:0;}
.sc-grid{display:grid;gap:13px;margin-bottom:13px;}
.sc-grid-2{grid-template-columns:1fr 1fr;}
.sc-grid-3{grid-template-columns:1fr 1fr 1fr;}
.sc-field{display:flex;flex-direction:column;gap:5px;}
.sc-field label{font-size:12.5px;font-weight:500;color:#3A3A3C;}
.sc-req{color:#C0392B;}
.sc-field input,.sc-field select,.sc-field textarea{padding:9px 12px;border:1.5px solid rgba(28,28,30,.12);border-radius:7px;font-family:inherit;font-size:14px;color:#1C1C1E;outline:none;appearance:none;transition:border-color .15s,box-shadow .15s;}
.sc-field input:focus,.sc-field select:focus,.sc-field textarea:focus{border-color:#C0392B;box-shadow:0 0 0 3px rgba(192,57,43,.1);}
.sc-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23636366' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px;background-color:#fff;}
.sc-field textarea{resize:vertical;min-height:80px;}
.sc-hint{font-size:11.5px;color:#636366;margin-top:1px;}
.sc-label-small{font-size:13px;color:#636366;margin-bottom:10px;}
.sc-cond-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.sc-cond-card{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1.5px solid rgba(28,28,30,.12);border-radius:7px;cursor:pointer;transition:all .15s;user-select:none;}
.sc-cond-card:hover{border-color:rgba(192,57,43,.35);background:#FAFAF9;}
.sc-cond-card.checked{border-color:#C0392B;background:#FADBD8;}
.sc-cond-card input{display:none;}
.sc-cond-check{width:20px;height:20px;border:1.5px solid rgba(28,28,30,.2);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;transition:all .15s;flex-shrink:0;}
.sc-cond-card.checked .sc-cond-check{background:#C0392B;border-color:#C0392B;color:#fff;}
.sc-cond-check.teal{border-color:#1A7A6E;background:#1A7A6E;color:#fff;}
.sc-cond-label{font-size:13px;color:#1C1C1E;}
.sc-mrs-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px;}
.sc-sev-btn{padding:7px 13px;border:1.5px solid rgba(28,28,30,.12);border-radius:6px;font-family:inherit;font-size:13px;cursor:pointer;background:#fff;color:#636366;transition:all .13s;}
.sc-sev-btn:hover{border-color:#C0392B;color:#C0392B;}
.sc-sev-btn.active{background:#C0392B;border-color:#C0392B;color:#fff;}
.sc-pref-box{background:#F4F2EE;border-radius:10px;padding:15px 16px;margin-bottom:13px;}
.sc-pref-box p{font-size:13px;font-weight:500;margin-bottom:11px;color:#1C1C1E;}
.sc-form-footer{padding:14px 0 2px;border-top:1px solid rgba(28,28,30,.1);display:flex;justify-content:space-between;align-items:center;margin-top:18px;}
.sc-btn{padding:10px 22px;border-radius:7px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s;}
.sc-btn-primary{background:#C0392B;color:#fff;box-shadow:0 2px 8px rgba(192,57,43,.25);}
.sc-btn-primary:hover{background:#96281B;}
.sc-btn-outline{background:#fff;color:#1C1C1E;border:1.5px solid rgba(28,28,30,.15);}
.sc-btn-outline:hover{background:#F4F2EE;}
.sc-btn-success{background:#1A7A6E;color:#fff;padding:11px 30px;font-size:15px;box-shadow:0 2px 8px rgba(26,122,110,.25);}
.sc-btn-success:hover{background:#155F55;}
.sc-success{text-align:center;padding:48px 26px;}
.sc-success-icon{width:68px;height:68px;background:#D1ECE9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:28px;color:#1A7A6E;}
.sc-success h2{font-size:24px;font-weight:500;margin-bottom:9px;color:#1C1C1E;}
.sc-success p{color:#636366;max-width:360px;margin:0 auto 22px;font-size:14px;}
.sc-patient-id-box{display:inline-block;background:#E8E4DE;border-radius:8px;padding:10px 20px;font-family:monospace;font-size:17px;letter-spacing:2px;color:#1A7A6E;margin-bottom:20px;}
@media(max-width:600px){
  .sc-grid-2,.sc-grid-3,.sc-cond-grid{grid-template-columns:1fr;}
  .sc-steps{padding:12px 14px;}
  .sc-step-label{display:none;}
}

/* ── Landing page ──────────────────────────────────────────────────────────── */
.sc-landing { max-width: 720px; margin: 0 auto; font-family: 'DM Sans', -apple-system, sans-serif; }

/* Hero */
.sc-hero { background: linear-gradient(135deg, #96281B 0%, #C0392B 60%, #E74C3C 100%); border-radius: 14px; padding: 48px 40px 44px; margin-bottom: 24px; position: relative; overflow: hidden; }
.sc-hero::before { content: ''; position: absolute; top: -60px; right: -60px; width: 280px; height: 280px; border-radius: 50%; background: rgba(255,255,255,0.05); pointer-events: none; }
.sc-hero-inner { position: relative; z-index: 1; }
.sc-eyebrow { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.25); border-radius: 20px; padding: 5px 14px; font-size: 12px; color: rgba(255,255,255,0.9); letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 18px; }
.sc-hero-h1 { font-size: clamp(26px, 5vw, 38px); color: #fff; line-height: 1.15; letter-spacing: -0.5px; margin: 0 0 14px; font-weight: 500; }
.sc-hero-h1 em { font-style: italic; color: #FADBD8; }
.sc-hero-divider { width: 44px; height: 3px; background: rgba(255,255,255,0.5); border-radius: 2px; margin-bottom: 16px; }
.sc-hero-lead { color: rgba(255,255,255,0.85); font-size: 16px; line-height: 1.7; max-width: 520px; margin: 0; }

/* Section wrapper */
.sc-section { margin-bottom: 20px; }

/* Timeline */
.sc-timeline { display: flex; align-items: flex-start; gap: 0; background: #fff; border-radius: 12px; padding: 24px 20px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.07); }
.sc-tl-step { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
.sc-tl-dot { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; margin-bottom: 10px; position: relative; z-index: 1; }
.sc-dot-red    { background: #FADBD8; }
.sc-dot-amber  { background: #FEF3E0; }
.sc-dot-teal   { background: #D1ECE9; }
.sc-dot-purple { background: #F3F0FF; }
.sc-tl-line { position: absolute; top: 18px; left: 50%; width: 100%; height: 2px; background: #E8E4DE; z-index: 0; }
.sc-tl-line-hidden { display: none; }
.sc-tl-label { font-size: 12.5px; font-weight: 500; color: #1C1C1E; margin-bottom: 4px; }
.sc-tl-desc  { font-size: 11.5px; color: #636366; line-height: 1.4; padding: 0 4px; }

/* Info cards */
.sc-info-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.sc-info-card { background: #fff; border-radius: 12px; padding: 20px 18px; border: 1.5px solid #E8E4DE; box-shadow: 0 1px 3px rgba(0,0,0,0.05); transition: border-color .18s, transform .18s; }
.sc-info-card:hover { border-color: rgba(192,57,43,0.3); transform: translateY(-2px); }
.sc-info-icon { font-size: 24px; margin-bottom: 10px; display: block; }
.sc-info-card h3 { font-size: 15px; font-weight: 500; color: #1C1C1E; margin: 0 0 7px; line-height: 1.25; }
.sc-info-card p  { font-size: 13px; color: #636366; line-height: 1.6; margin: 0; }

/* Stats strip */
.sc-stats-strip { background: #1C1C1E; border-radius: 12px; display: flex; overflow: hidden; }
.sc-stat-item { flex: 1; padding: 20px 16px; text-align: center; }
.sc-stat-divider { width: 1px; background: rgba(255,255,255,0.08); flex-shrink: 0; }
.sc-stat-num { font-size: 26px; font-weight: 500; color: #fff; line-height: 1; margin-bottom: 6px; }
.sc-stat-num span { color: #E74C3C; }
.sc-stat-lbl { font-size: 11.5px; color: rgba(255,255,255,0.5); line-height: 1.45; }
.sc-stat-source { font-size: 11px; color: #636366; margin-top: 8px; text-align: right; }

/* CTA block */
.sc-cta-block { background: linear-gradient(135deg, #96281B 0%, #C0392B 100%); border-radius: 12px; padding: 30px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.sc-cta-text h3 { font-size: 19px; font-weight: 500; color: #fff; margin: 0 0 7px; }
.sc-cta-text p  { font-size: 13.5px; color: rgba(255,255,255,0.78); max-width: 360px; line-height: 1.6; margin: 0; }
.sc-cta-btns { flex-shrink: 0; }
.sc-btn-cta { display: inline-block; background: #fff; color: #96281B; border-radius: 8px; padding: 13px 26px; font-size: 15px; font-weight: 500; text-decoration: none; box-shadow: 0 4px 16px rgba(0,0,0,0.18); transition: transform .18s, box-shadow .18s; white-space: nowrap; }
.sc-btn-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.22); color: #96281B; text-decoration: none; }

@media (max-width: 640px) {
  .sc-hero { padding: 32px 22px 28px; }
  .sc-info-grid { grid-template-columns: 1fr; }
  .sc-stats-strip { flex-direction: column; }
  .sc-stat-divider { width: 100%; height: 1px; }
  .sc-timeline { flex-wrap: wrap; gap: 18px; padding: 18px 14px; }
  .sc-tl-step { min-width: 120px; }
  .sc-tl-line { display: none; }
  .sc-cta-block { flex-direction: column; }
  .sc-btn-cta { width: 100%; text-align: center; }
}