@import url("./design-system/tokens.css?v=793d9a2");

.academy-interface-onboarding{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:28px;
  align-items:center;
  margin-top:28px;
  padding:26px 28px;
  border:1px solid color-mix(in srgb,var(--aidc-pink-500) 40%,var(--aidc-border-default));
  border-radius:var(--aidc-radius-dialog);
  background:linear-gradient(135deg,color-mix(in srgb,var(--aidc-pink-500) 10%,var(--aidc-bg-panel)),var(--aidc-bg-panel));
  box-shadow:0 18px 44px color-mix(in srgb,var(--aidc-pink-500) 10%,transparent);
}
.academy-interface-onboarding__copy{min-width:0}
.academy-interface-onboarding__copy .academy-eyebrow{margin-bottom:10px}
.academy-interface-onboarding__copy h2{margin:0;font-size:clamp(25px,3vw,38px);line-height:1.05;letter-spacing:-.035em;color:var(--aidc-text-primary)}
.academy-interface-onboarding__copy p{max-width:760px;margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--aidc-text-secondary)}
.academy-interface-onboarding__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.academy-interface-onboarding__button{display:flex;min-height:46px;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--aidc-border-default);border-radius:var(--aidc-radius-button);background:var(--aidc-bg-elevated);color:var(--aidc-text-primary);font-size:13px;font-weight:800;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.academy-interface-onboarding__button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--aidc-pink-500) 62%,var(--aidc-border-default));background:color-mix(in srgb,var(--aidc-pink-500) 10%,var(--aidc-bg-elevated))}
/* All replay surfaces are equal choices. Text must not look preselected or span both columns. */
.academy-interface-onboarding__button--primary{grid-column:auto;border-color:var(--aidc-border-default);background:var(--aidc-bg-elevated);color:var(--aidc-text-primary)}
.academy-interface-onboarding__button--primary:hover{border-color:color-mix(in srgb,var(--aidc-pink-500) 62%,var(--aidc-border-default));background:color-mix(in srgb,var(--aidc-pink-500) 10%,var(--aidc-bg-elevated))}
.academy-interface-onboarding__note{grid-column:1/-1;margin:0;color:var(--aidc-text-muted);font-size:11px;line-height:1.45;text-align:center}

@media(max-width:860px){
  .academy-interface-onboarding{grid-template-columns:1fr;padding:22px}
}
@media(max-width:560px){
  .academy-interface-onboarding{margin-top:16px;padding:18px 16px;gap:18px;border-radius:14px}
  .academy-interface-onboarding__copy h2{font-size:25px}
  .academy-interface-onboarding__copy p{font-size:14px}
  .academy-interface-onboarding__actions{grid-template-columns:1fr}
  .academy-interface-onboarding__button--primary,.academy-interface-onboarding__note{grid-column:auto}
  .academy-interface-onboarding__button{min-height:44px}
}