.lesson-gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.lesson-gallery-card{--lesson-accent:#62d8ef;--lesson-rgb:98,216,239;min-width:0;overflow:hidden;border:1px solid #273347;border-radius:16px;background:#0b1220;color:#f8fafc;transition:border-color .2s,box-shadow .2s}.lesson-gallery-card[data-course=Futures]{--lesson-accent:#e7c76d;--lesson-rgb:231,199,109}.lesson-gallery-card[data-course=Algorithmic],.lesson-gallery-card[data-course=Automation]{--lesson-accent:#baabff;--lesson-rgb:186,171,255}.lesson-gallery-card:has(a:hover),.lesson-gallery-card:focus-within{border-color:var(--lesson-accent);box-shadow:0 10px 30px #0004}.lesson-gallery-card.is-next{border-color:var(--lesson-accent);box-shadow:0 0 0 1px rgba(var(--lesson-rgb),.2)}.lesson-gallery-card.is-complete .lesson-gallery-status{color:#a7f3d0;border-color:#34d39966}.lesson-gallery-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;min-width:0}a.lesson-gallery-link:focus-visible{outline:3px solid var(--lesson-accent);outline-offset:-4px;border-radius:15px}.lesson-gallery-visual{position:relative;isolation:isolate;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;gap:70px;padding:20px;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,rgba(var(--lesson-rgb),.4),transparent 70%),#101d31}.lesson-gallery-visual img{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.72;transition:transform .5s ease}.lesson-gallery-card:nth-child(3n+2) .lesson-gallery-visual img{-o-object-position:70% center;object-position:70% center}.lesson-gallery-card:nth-child(3n+3) .lesson-gallery-visual img{-o-object-position:30% center;object-position:30% center}a.lesson-gallery-link:hover .lesson-gallery-visual img{transform:scale(1.035)}.lesson-gallery-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(180deg,#030913bf,#03091314 35%,#030913eb 92%)}.lesson-gallery-topline{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;font-size:11px;font-weight:600}.lesson-gallery-kicker{display:flex;gap:6px;align-items:center;text-transform:uppercase;letter-spacing:.12em;color:#edf2f7;padding-top:6px}.lesson-gallery-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #ffffff38;border-radius:5px;background:#070d18d9;color:var(--lesson-accent)}.lesson-gallery-watermark{position:absolute;right:18px;top:48px;z-index:-1;font-size:110px;font-weight:700;letter-spacing:-.08em;color:#ffffff10;pointer-events:none}.lesson-gallery-heading{border-left:3px solid var(--lesson-accent);padding-left:14px}.lesson-gallery-number{color:var(--lesson-accent);font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.16em}.lesson-gallery-heading h3{margin:7px 0 0;font-size:clamp(1.25rem,2.1vw,1.7rem);line-height:1.22;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}.lesson-gallery-body{display:flex;flex-direction:column;padding:18px 20px 20px;flex:1}.lesson-gallery-description{font-size:14px;line-height:1.65;color:#b5c0d1;margin:0;overflow-wrap:anywhere}.lesson-gallery-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.lesson-gallery-time{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#aab7cb}.lesson-gallery-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 14px;background:var(--lesson-accent);color:#08101e;border-radius:5px;font-weight:650;font-size:13px;margin-left:auto}.lesson-gallery-progress{height:3px;background:#243146}.lesson-gallery-progress span{display:block;height:100%;background:var(--lesson-accent)}.lesson-gallery-tools{display:flex;flex-wrap:wrap;gap:8px 16px;border-top:1px solid #243146;padding:8px 20px}.lesson-gallery-tools button{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px;color:#bdc9d9}.lesson-gallery-tools button:hover,.lesson-gallery-tools button[aria-pressed=true]{color:var(--lesson-accent)}.lesson-gallery-tools button:focus-visible,.lesson-gallery-notes button:focus-visible,.lesson-gallery-notes textarea:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:3px}.lesson-gallery-notes{padding:4px 20px 20px;font-size:13px}.lesson-gallery-notes label{display:block;margin:8px 0;color:#cbd5e1}.lesson-gallery-notes textarea{width:100%;resize:vertical;padding:10px;background:#121e30;border:1px solid #334155;border-radius:6px;color:#f8fafc}.lesson-gallery-notes>div{display:flex;justify-content:flex-end;gap:16px;margin-top:8px}.lesson-gallery-notes button{min-height:44px;color:var(--lesson-accent)}.lesson-gallery-card button:disabled{opacity:.55;cursor:wait}.lesson-gallery-hint{margin:0;padding:0 20px 18px;color:#b5c0d1;font-size:12px}.lesson-gallery-card.is-locked .lesson-gallery-action{background:#233047;color:#bdc9d9}.curriculum-gallery-dialog{padding:0!important;gap:0!important;width:calc(100% - 24px)!important;max-width:1100px!important;max-height:90dvh!important;overflow-y:auto!important;background:#080f1b!important;border-color:#293548!important}.curriculum-gallery-intro{padding:30px 24px 24px;border-bottom:1px solid #253047;background:radial-gradient(ellipse at top right,#172b43,transparent 65%)}.curriculum-gallery-content{padding:24px}.curriculum-gallery-bottom{padding:20px 24px;border-top:1px solid #253047;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;background:#0b1423}@media(min-width:640px){.lesson-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.lesson-gallery-grid>.lesson-gallery-card{height:100%}.lesson-gallery-card{display:flex;flex-direction:column}.lesson-gallery-link{flex:1}.lesson-gallery-visual{min-height:285px}.lesson-gallery-footer{padding-top:20px;margin-top:auto}.lesson-gallery-description{margin-bottom:0}.curriculum-gallery-intro{padding:40px 36px 28px}.curriculum-gallery-content{padding:28px 36px}.curriculum-gallery-bottom{padding:24px 36px}}@media(prefers-reduced-motion:reduce){.lesson-gallery-card,.lesson-gallery-visual img{transition:none}a.lesson-gallery-link:hover .lesson-gallery-visual img{transform:none}}
