/* Premium learning pages: legacy and new Firebase courses share one catalog. */
.learning-shell{padding-top:54px}.learning-hero,.course-hero-banner{position:relative;overflow:hidden;padding:48px;border:1px solid #172036;border-radius:30px;background:radial-gradient(circle at 88% 14%,rgba(147,51,234,.28),transparent 34%),radial-gradient(circle at 12% 90%,rgba(79,70,229,.18),transparent 35%),#020617;color:#fff}.learning-hero h1{max-width:735px;margin:15px 0;font-size:clamp(32px,5vw,53px);line-height:1.14;letter-spacing:-1.4px}.learning-hero>p{max-width:635px;color:#c5cee0;font-size:16px}.learning-badge,.course-hero-badges span{display:inline-flex;padding:7px 12px;border:1px solid rgba(192,132,252,.4);border-radius:999px;background:rgba(147,51,234,.16);color:#e9d5ff;font-size:10px;font-weight:750;letter-spacing:.06em}.learning-summary{display:flex;gap:21px;flex-wrap:wrap;margin-top:26px;color:#cbd5e1;font-size:12px}.learning-summary span:before{margin-right:7px;color:#a78bfa;content:"✓"}.learning-heading{margin-top:46px}.course-showcase-card{position:relative}.course-cover{position:relative}.course-cover-placeholder{display:flex;height:100%;padding:25px;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#4338ca,#7c3aed 53%,#2563eb);color:#fff}.course-cover-placeholder strong{font-size:19px}.course-cover-placeholder>span{margin-top:5px;font-size:12px;opacity:.82}.course-level-badge{position:absolute;top:13px;right:13px;padding:6px 10px;border-radius:999px;background:rgba(2,6,23,.8);color:#f8fafc;font-size:10px;font-weight:750}.course-open-link{display:block;margin-top:14px;color:#7c3aed;font-size:13px;font-weight:750}.course-journey{max-width:1080px}.course-back-link{display:inline-block;margin-bottom:19px;padding:9px 13px;border-radius:999px;background:#f1eaff;color:#6d28d9;font-size:12px;font-weight:700}.course-hero-banner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:34px}.course-hero-banner:not(:has(.course-hero-image)){grid-template-columns:1fr}.course-hero-banner h1{margin:16px 0 10px;font-size:clamp(28px,4vw,41px);line-height:1.15}.course-hero-banner>div>p{color:#cbd5e1}.course-hero-badges{display:flex;flex-wrap:wrap;gap:7px}.course-instructor{margin:17px 0;color:#cbd5e1;font-size:12px}.course-hero-image{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid rgba(255,255,255,.14);border-radius:18px}.course-progress strong{color:#86efac}.course-curriculum{margin-top:39px}.curriculum-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.curriculum-heading h2{margin:0;color:#20143f;font-size:22px}.curriculum-heading>span,.lesson-kicker{color:#7c3aed;font-size:11px;font-weight:750}.lesson-path-card{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px;padding:19px;border:1px solid #ebe7f2;border-radius:17px;background:#fff;transition:border-color .2s,box-shadow .2s}.lesson-path-card:hover{border-color:#c4b5fd;box-shadow:0 9px 24px rgba(109,40,217,.06)}.lesson-number{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:11px;background:#7c3aed;color:#fff;font-weight:800}.lesson-information{flex:1;min-width:0}.lesson-information h3{margin:5px 0;color:#20143f;font-size:17px}.lesson-information>p{margin:2px 0;color:#64748b;font-size:13px}.lesson-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lesson-controls form{margin:0}.lesson-body{margin-top:12px}

/* Four-step account creation. */
.registration-wizard-card{max-width:545px}.wizard-progress{display:flex;align-items:center;margin:22px 0 27px}.wizard-dot{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid #ddd7e9;border-radius:50%;color:#8b839c;font-size:12px;font-weight:750}.wizard-dot.active{border-color:#7c3aed;background:#7c3aed;color:#fff}.wizard-dot.complete{border-color:#16a34a;background:#16a34a;color:#fff}.wizard-line{height:2px;flex:1;background:#e9e5f0}.wizard-step{display:none;margin:0;padding:0;border:0}.wizard-step.active{display:grid;gap:14px}.wizard-step h2{margin:0;font-size:22px}.wizard-step>p{margin:-7px 0 3px;color:#64748b;font-size:13px}.wizard-step select{width:100%;padding:12px;border:1px solid #ddddea;border-radius:10px;background:#fff;font:inherit}.wizard-step label>span{color:#8b839c;font-weight:450}.wizard-step input.wizard-valid{border-color:#16a34a;box-shadow:0 0 0 2px rgba(22,163,74,.10)}.wizard-buttons{display:flex;gap:10px}.wizard-buttons>.button{flex:1}.wizard-success{background:#16a34a!important}.auth-switch{margin-top:20px;color:#64748b;font-size:13px}

/* Unread alerts, profile logout, and contact inbox. */
.notification-link{position:relative}.notification-count{position:absolute;top:-5px;right:-5px;display:grid;min-width:18px;height:18px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:999px;background:#e11d48;color:#fff;font-size:9px;font-weight:800}.profile-signout{margin:0}.profile-signout button{display:grid;width:37px;height:37px;place-items:center;border:1px solid #fecaca;border-radius:11px;background:#fff1f2;color:#be123c;font-size:21px;cursor:pointer}.profile-signout button:hover{background:#ffe4e6}.nav-group-label{display:block;margin:13px 11px 5px;color:#8b839c;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.admin-more-menu summary{margin-top:9px;padding:10px 12px;border-radius:10px;color:#58627a;font-size:13px;font-weight:700;cursor:pointer}.admin-more-menu[open] summary{background:#f4efff;color:#6d28d9}.admin-more-menu>a{padding-left:21px!important;font-size:12px}.contact-inbox-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.contact-inbox-top h3{margin:0}.contact-inbox-top time{color:#64748b;font-size:11px}.contact-inbox-card>p{margin:15px 0;white-space:normal}

/* MacBook-style code windows: every detected source snippet gets a dark panel. */
.article-content pre,.article-content .spro-code-block{padding-top:65px!important;border-color:#263244!important;background:#0b1120!important}.code-window-dots{position:absolute;top:18px;left:16px;display:flex;gap:7px}.code-window-dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.code-window-dots i:nth-child(2){background:#febc2e}.code-window-dots i:nth-child(3){background:#28c840}.code-language{top:16px!important;left:72px!important}.code-copy{top:11px!important;right:12px!important}.article-content pre:after{position:absolute;top:44px;right:0;left:0;height:1px;background:#233045;content:""}.article-content pre code{white-space:pre-wrap!important;word-break:break-word}

@media(max-width:760px){.learning-shell{padding-top:37px}.learning-hero,.course-hero-banner{padding:25px 19px;border-radius:21px}.learning-hero h1{font-size:32px}.learning-summary{gap:10px}.course-hero-banner{grid-template-columns:1fr}.course-hero-image{max-height:220px}.curriculum-heading{align-items:flex-start;flex-direction:column}.curriculum-heading h2{font-size:19px}.lesson-path-card{gap:11px;padding:14px}.lesson-number{width:35px;height:35px;flex-basis:35px}.lesson-information h3{font-size:15px}.lesson-controls{flex-direction:column;align-items:flex-end}.lesson-controls .button{padding:8px 10px;font-size:11px}.social-actions{align-items:center}.wizard-buttons{gap:7px}.wizard-buttons .button{padding:11px 8px;font-size:12px}.contact-inbox-top{align-items:flex-start;flex-direction:column}.compact-admin-nav{display:flex!important;align-items:center}.compact-admin-nav .nav-group-label{display:none}.compact-admin-nav .admin-more-menu{flex:0 0 auto}.compact-admin-nav .admin-more-menu[open]{position:relative}.course-card-grid{grid-template-columns:1fr}}@media(max-width:430px){.lesson-path-card{flex-wrap:wrap}.lesson-controls{width:100%;flex-direction:row;padding-left:46px}.learning-hero h1{font-size:28px}}
.site-brand-logo{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid #111;display:block}.nav-wordmark,.footer-brand{display:flex;align-items:center;gap:.65rem}.footer-brand .site-brand-logo{width:48px;height:48px}.founder-brand-logo{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid #ff7a00;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.article-feedback{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:38px 0 25px;padding:20px 0;border-top:1px solid #e9e7ef;border-bottom:1px solid #e9e7ef}.reaction-actions{display:flex;gap:10px}.reaction-form{margin:0}.reaction-button{display:inline-flex;align-items:center;gap:8px;min-width:74px;padding:10px 14px;border:1px solid #dedce5;border-radius:999px;background:#fff;color:#202434;text-decoration:none;cursor:pointer}.reaction-button.is-active{border-color:#ff7800;background:#fff7ed}.reaction-button span{font-size:19px}.founder-author-card{text-decoration:none;color:inherit}.founder-author-card .site-brand-logo{width:54px;height:54px}.author-description{display:block;margin-top:5px;font-size:13px;color:#64748b}.comment-total{padding:4px 9px;border-radius:999px;background:#f1f5f9;font-size:13px}.comment-composer{margin:20px 0 28px}.community-comment{margin:16px 0;padding:18px;border:1px solid #ebeaf0;border-radius:16px}.comment-top{display:flex;gap:12px;align-items:center}.comment-top time{display:block;margin-top:3px;font-size:11px;color:#64748b}.comment-avatar{border-radius:50%;object-fit:cover}.reply-box summary{font-size:12px;font-weight:700;cursor:pointer}.comment-reply{display:flex;gap:11px;margin:16px 0 0 28px;padding:12px;border-left:2px solid #ddd}.comment-reply p{margin:4px 0 0}.footer-social{display:flex;gap:12px;margin-top:16px}.footer-social a{display:grid;width:39px;height:39px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff}.founder-page{text-align:center}.founder-page .article-content{text-align:left;max-width:720px;margin:24px auto 0}@media(max-width:600px){.article-feedback{align-items:flex-start;flex-direction:column}.share-row{flex-wrap:wrap}.comment-reply{margin-left:12px}}
.page-manager-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.founder-page>.category-label{display:block;margin-top:18px}.dashboard-nav{position:sticky;top:18px;align-self:start}