@layer components{.lesson-gate{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.lesson-gate__backdrop{position:absolute;inset:0;background:rgba(1,36,55,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lesson-gate__card{position:relative;width:100%;max-width:460px;background:var(--background);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden}.lesson-gate__body{padding:28px 28px 16px}.lesson-gate__form{display:flex;flex-direction:column;gap:10px}.lesson-gate__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--font-weight-heading,600);margin:0;color:var(--heading-color,var(--text-primary))}.lesson-gate__lede{margin:0 0 6px;font-size:.875rem;color:var(--text-secondary);line-height:1.45}.lesson-gate__error{margin:6px 0 0;font-size:.8125rem;color:var(--state-danger-fg)}.lesson-gate__cta{margin-top:10px}.lesson-gate__spinner{width:1rem;height:1rem;animation:lesson-gate-spin 1s linear infinite}.lesson-gate__keypoints{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-direction:column;gap:12px}.lesson-gate__keypoint{display:flex;align-items:flex-start;gap:10px}.lesson-gate__keypoint-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--primary);color:var(--primary-foreground)}.lesson-gate__keypoint-title{display:block;font-weight:600;font-size:.9375rem}.lesson-gate__keypoint-desc{display:block;margin-top:2px;font-size:.875rem;color:var(--text-tertiary)}}@keyframes lesson-gate-spin{to{transform:rotate(1turn)}}