:root{color-scheme:light;--bg:#f4f7f8;--ink:#182230;--muted:#667085;--soft:#eef4f4;--panel:#ffffff;--line:#d7dee8;--teal:#0f766e;--teal-dark:#115e59;--teal-soft:#dff7f3;--violet:#5b3fd6;--yellow:#f5c84c;--shadow:0 18px 48px rgba(20,30,50,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-inner{align-items:center;display:grid;grid-gap:20px;gap:20px;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:1220px;padding:14px 24px}.brand{gap:10px;font-size:21px;font-weight:800;letter-spacing:0}.brand,.brand-mark{align-items:center;display:inline-flex}.brand-mark{background:white;border:1px solid rgba(15,118,110,.18);border-radius:8px;height:34px;justify-content:center;padding:5px;width:34px}.brand-mark img{display:block;height:24px;object-fit:contain;width:24px}.nav-links{align-items:center;display:flex;gap:24px;justify-content:center}.nav-links a{color:#344054;font-size:14px;font-weight:700;padding:8px 0}.nav-links a.active,.nav-links a:hover{color:var(--teal-dark)}.nav-links a.free-nav-link{color:#166534;position:relative}.nav-links a.free-nav-link:after{background:linear-gradient(180deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:999px;content:"";inset:-8px -10px;opacity:.65;pointer-events:none;position:absolute;z-index:-1}.nav-links a.free-nav-link.active,.nav-links a.free-nav-link:hover{color:#14532d}.nav-links a.free-nav-link.active:after{opacity:1;box-shadow:0 8px 18px rgba(34,197,94,.16)}.header-actions{align-items:center;display:flex;gap:10px;justify-self:end;min-width:0}.ghost-button,.solid-button{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:800;height:40px;justify-content:center;padding:0 16px}.ghost-button{background:white;border:1px solid var(--line);color:var(--ink)}.solid-button{background:var(--ink);border:1px solid var(--ink);color:white}.signed-in-actions{gap:8px;justify-content:flex-end;max-width:none}.header-action-button{align-items:center;background:#182230;border:1px solid #182230;border-radius:8px;color:white;display:inline-flex;font-size:14px;font-weight:800;height:40px;justify-content:center;padding:0 16px}.header-action-button:hover{background:#101828;border-color:#101828}.account-chip{background:var(--teal-soft);border:1px solid rgba(15,118,110,.24);border-radius:999px;color:var(--teal-dark);display:inline-block;font-size:13px;font-weight:900;max-width:220px;overflow:hidden;padding:10px 13px;text-overflow:ellipsis;white-space:nowrap}.account-chip.loading{background:#f2f4f7;border-color:var(--line);color:var(--muted)}.hero-band{background:radial-gradient(circle at 84% 18%,rgba(255,255,255,.16),transparent 24%),linear-gradient(115deg,rgba(10,89,84,.97),rgba(24,34,48,.96) 58%,rgba(15,118,110,.86)),url("https://firebasestorage.googleapis.com/v0/b/icafep-3a522.appspot.com/o/images%2Faospguru%20v3%20(3).png?alt=media&token=79ec1a83-bb06-4be5-a75e-4d081fe79e7c");background-position:50%;background-size:cover;color:white;overflow:hidden;position:relative}.hero-band:after{background:linear-gradient(180deg,rgba(255,255,255,0),var(--bg));bottom:0;content:"";height:58px;left:0;pointer-events:none;position:absolute;right:0}.hero-inner{align-items:start;display:grid;grid-gap:44px;gap:44px;grid-template-columns:minmax(0,1fr) 390px;margin:0 auto;max-width:1220px;min-height:0;padding:56px 24px 28px;position:relative;z-index:1}.hero-copy{align-self:start;max-width:790px}.eyebrow{color:var(--yellow);display:inline-block;font-size:13px;font-weight:900;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.catalog-heading h2,.hero-copy h1{letter-spacing:0}.hero-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:0;max-width:820px}.hero-copy p{color:rgba(255,255,255,.88);font-size:19px;line-height:1.55;margin:20px 0 0;max-width:690px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-primary,.hero-secondary{align-items:center;border-radius:6px;display:inline-flex;font-size:15px;font-weight:900;height:48px;justify-content:center;padding:0 18px}.hero-primary{background:white;color:var(--ink)}.hero-secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.34);color:white}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-tags span,.quick-filters button{border-radius:999px;font-size:13px;font-weight:800}.hero-tags span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);color:white;padding:8px 12px}.hero-card{align-self:center;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.26);color:var(--ink);padding:20px;position:relative}.hero-card-stack{align-self:start;display:grid;grid-gap:12px;gap:12px;width:min(100%,390px)}.hero-card-topline{align-items:center;display:flex;gap:14px;justify-content:space-between}.hero-card-topline strong{background:var(--ink);border-radius:999px;color:white;font-size:12px;padding:6px 10px;text-transform:uppercase}.hero-cup-mark{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:block;height:46px;margin:0;object-fit:contain;padding:7px;width:46px}.hero-card-title{align-items:center;display:flex;gap:12px;margin-top:14px}.hero-card-title h2{margin:0}.mini-label{color:var(--teal);font-size:13px}.free-badge,.mini-label{font-weight:900;text-transform:uppercase}.free-badge{background:linear-gradient(180deg,#dcfce7,#bbf7d0);border:1px solid #86efac;box-shadow:0 8px 18px rgba(34,197,94,.16);border-radius:999px;color:#166534;display:inline-flex;font-size:11px;line-height:1;margin-left:8px;padding:5px 8px;vertical-align:middle}.free-badge.inline{font-size:10px;margin-left:6px;padding:4px 7px}.hero-card h2{font-size:24px;line-height:1.1;margin:8px 0 6px}.hero-card p{color:var(--muted);line-height:1.5;margin:0}.hero-path-list{display:grid;grid-gap:8px;gap:8px;margin-top:20px}.hero-path-list span{background:#f8fafc;border:1px solid var(--line);border-radius:6px;color:#344054;font-size:14px;font-weight:800;padding:10px 12px}.progress-card{overflow:hidden}.recent-card{display:grid;grid-gap:10px;gap:10px;padding:16px}.progress-card-compact{padding-bottom:16px}.progress-card:after{background:linear-gradient(135deg,rgba(15,118,110,.1),rgba(245,200,76,.12));content:"";height:150px;position:absolute;right:-54px;top:-54px;transform:rotate(18deg);width:150px}.progress-card>*{position:relative;z-index:1}.progress-panel{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.progress-panel div{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:6px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:42px minmax(0,1fr);min-height:54px;padding:10px 12px}.progress-panel span{align-items:center;background:var(--teal-soft);border-radius:999px;color:var(--teal-dark);display:inline-flex;font-size:12px;font-weight:900;height:32px;justify-content:center;width:32px}.progress-panel strong{color:#344054;font-size:14px;line-height:1.25}.continue-summary{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:8px;gap:8px;margin-top:18px;padding:12px}.continue-summary span{color:var(--teal-dark);font-size:12px;font-weight:900;text-transform:uppercase}.continue-summary strong{color:#344054;font-size:16px;line-height:1.3}.continue-summary-preview{gap:5px;margin-top:14px}.continue-summary-preview strong{font-size:13px}.continue-meter,.lesson-progress{background:#e4e7ec;border-radius:999px;height:8px;overflow:hidden}.continue-meter i,.lesson-progress span{background:linear-gradient(90deg,var(--teal),var(--yellow));display:block;height:100%}.hero-card-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;margin-top:14px;padding-top:14px}.hero-card-row a{background:var(--teal-soft);border-radius:999px;color:var(--teal-dark);font-size:12px;font-weight:900;padding:6px 10px;text-transform:uppercase}.trust-strip{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px rgba(16,24,40,.06);display:grid;grid-gap:1px;gap:1px;grid-template-columns:repeat(3,1fr);margin:-34px auto 0;max-width:1220px;overflow:hidden;position:relative;z-index:2}.trust-strip div{padding:24px}.trust-strip span,.trust-strip strong{display:block}.trust-strip strong{font-size:16px}.trust-strip span{color:var(--muted);font-size:14px;margin-top:5px}.trust-strip .trust-index{color:var(--teal-dark);font-size:12px;font-weight:900;margin:0 0 10px}.learning-band{align-items:center;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) auto;margin:28px auto 0;max-width:1220px;padding:0 24px}.learning-band h2{font-size:clamp(24px,3vw,36px);line-height:1.12;margin:8px 0 0;max-width:760px}.learning-points{display:grid;grid-gap:10px;gap:10px;min-width:260px}.learning-points span{background:white;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 26px rgba(16,24,40,.04);color:#344054;font-size:14px;font-weight:800;padding:12px 14px}.catalog-section{margin:0 auto;max-width:1220px;padding:50px 24px 72px}.catalog-heading{max-width:760px}.catalog-heading h2{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:0;max-width:760px}.catalog-heading p{color:var(--muted);font-size:17px;line-height:1.55;margin:12px 0 0}.recent-heading{align-items:baseline;display:flex;justify-content:flex-start;padding:0}.recent-heading strong{color:var(--ink);font-size:14px;font-weight:900}.recent-feature,.recent-row{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 36px rgba(16,24,40,.07)}.recent-feature{background:linear-gradient(135deg,rgba(15,118,110,.95),rgba(24,34,48,.95)),url("https://firebasestorage.googleapis.com/v0/b/icafep-3a522.appspot.com/o/images%2Faospguru%20v3%20(3).png?alt=media&token=79ec1a83-bb06-4be5-a75e-4d081fe79e7c");background-position:50%;background-size:cover;color:white;display:grid;min-height:250px;padding:28px}.recent-feature .mini-label{color:#fde68a}.recent-feature h3{font-size:clamp(26px,3vw,40px);line-height:1.08;margin:10px 0 0;max-width:640px}.recent-feature p{color:rgba(255,255,255,.84);font-size:16px;line-height:1.55;margin:14px 0 0;max-width:720px}.recent-feature-footer{align-items:flex-end;align-self:end;display:flex;gap:14px;justify-content:space-between;margin-top:24px}.recent-feature-footer span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:999px;color:white;font-size:12px;font-weight:900;padding:7px 10px;text-transform:uppercase}.recent-feature-footer a{background:white;border-radius:6px;color:var(--ink);font-size:14px;font-weight:900;padding:12px 14px;white-space:nowrap}.recent-list{display:grid;grid-gap:12px;gap:12px}.recent-list-compact{gap:8px;grid-template-columns:1fr}.recent-learning.bottom{margin-top:24px}.recent-row{display:grid;grid-gap:6px;gap:6px;min-height:75px;padding:15px 16px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.recent-row-compact{min-height:116px;padding:14px 14px 12px}.recent-row:hover{border-color:rgba(15,118,110,.45);box-shadow:0 18px 40px rgba(16,24,40,.12);transform:translateY(-2px)}.recent-row span{color:var(--teal-dark);font-size:11px;font-weight:900;text-transform:uppercase}.recent-row strong{color:var(--ink);font-size:16px;line-height:1.25}.recent-row small{color:var(--muted);font-size:12px;font-weight:800}.recent-line{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:6px;color:var(--ink);display:flex;font-size:15px;font-weight:800;line-height:1.25;min-height:44px;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.recent-line:hover{border-color:rgba(15,118,110,.45);box-shadow:0 14px 30px rgba(16,24,40,.09);transform:translateY(-1px)}.catalog-stats{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,1fr);margin-top:28px}.stat-card{background:white;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:20px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.stat-card.active,.stat-card:hover{border-color:var(--teal);box-shadow:0 10px 28px rgba(15,118,110,.14);transform:translateY(-2px)}.stat-card span,.stat-card strong{display:block}.stat-card strong{font-size:28px}.stat-card span{color:var(--muted);font-size:14px;font-weight:800;margin-top:4px}.catalog-toolbar{align-items:stretch;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr);margin-top:24px}.search-wrap{align-items:center;background:white;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:auto minmax(0,1fr);min-height:50px;overflow:hidden}.search-wrap span{background:var(--soft);color:var(--teal-dark);font-size:13px;font-weight:900;height:100%;padding:16px}.catalog-toolbar select,.search-wrap input{background:white;border:1px solid var(--line);border-radius:8px;color:var(--ink);height:50px;min-width:0;outline:0;padding:0 14px}.search-wrap input{border:0;height:100%}.quick-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.quick-filters button{background:white;border:1px solid var(--line);color:#344054;padding:9px 13px}.quick-filters button:hover{border-color:var(--teal);color:var(--teal-dark)}.content-filter-row{display:flex;flex-wrap:wrap;gap:10px}.content-filter-chip{align-items:center;background:white;border:1px solid var(--line);border-radius:999px;color:var(--ink);display:inline-flex;font-size:13px;font-weight:900;height:38px;justify-content:center;padding:0 14px}.content-filter-chip.active,.content-filter-chip:hover{background:var(--teal-soft);border-color:rgba(15,118,110,.32);color:var(--teal-dark)}.topic-area-selector{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:16px}.topic-area-card{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px rgba(16,24,40,.04);color:var(--ink);display:grid;grid-gap:6px;gap:6px;padding:14px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.topic-area-card img{background:#f8fafc;border-radius:8px;display:block;height:78px;object-fit:contain;padding:10px;width:78px}.topic-area-card strong{font-size:16px;line-height:1.2}.topic-area-card span{color:var(--teal-dark);font-size:12px;font-weight:900;text-transform:uppercase}.topic-area-card small{color:var(--muted);font-size:13px;line-height:1.45}.topic-area-card.active,.topic-area-card:hover{border-color:var(--teal);box-shadow:0 12px 28px rgba(15,118,110,.14);transform:translateY(-2px)}.catalog-subhead{align-items:center;display:flex;justify-content:space-between;margin-top:32px}.catalog-subhead h3{font-size:24px;margin:0}.catalog-track-section{margin-top:28px}.catalog-track-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:16px}.catalog-track-header h3{font-size:28px;line-height:1.12;margin:6px 0 8px}.catalog-track-header p{color:var(--muted);line-height:1.55;margin:0;max-width:760px}.count{background:var(--teal-soft);border-radius:999px;color:var(--teal-dark);padding:7px 12px;white-space:nowrap}.active-filter-pill,.count{font-size:13px;font-weight:900}.active-filter-pill{background:#ecfdf3;border:1px solid #abefc6;border-radius:999px;color:#027a48;display:inline-flex;margin-top:12px;padding:8px 12px}.structured-catalog{display:grid;grid-gap:18px;gap:18px;margin-top:18px}.structured-track{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px rgba(16,24,40,.05);padding:22px}.structured-track-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.structured-track-header h3{font-size:28px;line-height:1.15;margin:6px 0 8px}.structured-track-header p{color:var(--muted);line-height:1.55;margin:0;max-width:760px}.structured-track-count{background:var(--teal-soft);border-radius:999px;color:var(--teal-dark);flex:0 0 auto;font-size:13px;font-weight:900;padding:8px 12px}.structured-area-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.structured-area-card{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;padding:16px}.structured-area-head{align-items:center;display:flex;justify-content:space-between}.structured-area-head strong{font-size:18px}.structured-area-head span{background:white;border-radius:999px;color:var(--teal-dark);font-size:12px;font-weight:900;padding:5px 8px}.structured-area-copy{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.structured-topic-list{display:grid;grid-gap:10px;gap:10px}.structured-topic-link{background:white;border:1px solid var(--line);border-radius:6px;display:grid;grid-gap:4px;gap:4px;padding:10px 12px}.structured-topic-link span{color:var(--teal-dark);font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.structured-topic-link strong{color:var(--ink);font-size:15px;line-height:1.35}.structured-topic-link small{color:var(--muted);font-size:13px;line-height:1.45}.structured-topic-link:hover{border-color:var(--teal);box-shadow:0 10px 22px rgba(15,118,110,.12)}.course-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.course-card{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px rgba(16,24,40,.06);display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}button.course-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:0;text-align:left;width:100%}.course-card:hover{border-color:#b7c6d8;box-shadow:0 18px 40px rgba(16,24,40,.12);transform:translateY(-3px)}.course-card.active{border-color:rgba(15,118,110,.42);box-shadow:0 18px 40px rgba(15,118,110,.16)}.course-media{align-items:center;background:linear-gradient(135deg,rgba(15,118,110,.16),rgba(91,63,214,.14)),#f4f7fa;display:flex;height:210px;justify-content:center;position:relative}.course-media img{max-height:150px;max-width:86%;object-fit:contain}.course-placeholder{align-items:center;background:white;border-radius:8px;box-shadow:0 12px 26px rgba(16,24,40,.12);color:var(--teal-dark);display:flex;font-size:40px;font-weight:900;height:86px;justify-content:center;width:86px}.course-media span{background:rgba(24,34,48,.88);border-radius:999px;bottom:12px;color:white;font-size:12px;font-weight:900;left:12px;padding:6px 10px;position:absolute}.course-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:18px}.course-kicker{color:var(--teal-dark);font-size:12px;font-weight:900;text-transform:uppercase}.course-body h3{font-size:17px;line-height:1.25;margin:8px 0}.course-body p{color:var(--muted);display:-webkit-box;font-size:14px;line-height:1.5;margin:0;min-height:52px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-meta{border-top:1px solid var(--line);color:var(--muted);display:grid;grid-gap:4px;gap:4px;font-size:12px;padding-top:10px}.course-footer{display:grid;grid-gap:10px;gap:10px;margin-top:auto}.course-action{align-items:center;background:white;border:1px solid var(--ink);border-radius:6px;color:var(--ink);display:flex;font-size:14px;font-weight:900;height:40px;justify-content:center;width:100%}.course-action:hover{background:var(--ink);color:white}.empty-state{background:white;border:1px dashed var(--line);border-radius:8px;color:var(--muted);margin-top:18px;padding:28px;text-align:center}.error{color:#b42318}.skeleton{padding-bottom:16px}.skeleton-image,.skeleton-line{background:linear-gradient(90deg,#edf1f5,#f7f9fb,#edf1f5);background-size:220% 100%;animation:shimmer 1.4s linear infinite}.skeleton-image{height:150px}.skeleton-line{border-radius:999px;height:13px;margin:14px 16px 0;width:72%}.skeleton-line.wide{width:calc(100% - 32px)}.skeleton-line.short{width:42%}.content-page,.detail-page{margin:0 auto;max-width:1220px;padding:34px 24px 72px}.content-heading,.detail-hero{background:linear-gradient(135deg,rgba(15,118,110,.96),rgba(24,34,48,.96)),url("https://firebasestorage.googleapis.com/v0/b/icafep-3a522.appspot.com/o/images%2Faospguru%20v3%20(3).png?alt=media&token=79ec1a83-bb06-4be5-a75e-4d081fe79e7c");background-position:50%;background-size:cover;border-radius:8px;color:white;margin-bottom:24px;padding:34px}.detail-hero{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.content-heading h1,.detail-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.06;margin:0}.content-heading p,.detail-hero p{color:rgba(255,255,255,.82);font-size:17px;line-height:1.55;margin:12px 0 0;max-width:780px}.player-layout{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.blog-card,.lesson-sidebar,.page-card,.plan-card,.qa-card,.video-panel{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px rgba(16,24,40,.05)}.video-panel{overflow:hidden}.tutorial-stage,.video-empty,.video-panel iframe,.video-panel video,.video-stage{aspect-ratio:16/9;background:#0b1220;border:0;color:white;display:flex;min-height:320px;width:100%}.video-stage{overflow:hidden;position:relative}.tutorial-stage{background:#ffffff;color:var(--ink);display:block;min-height:520px;overflow:auto;padding:34px}.video-stage iframe,.video-stage video{height:100%;min-height:0}.next-video-overlay{background:rgba(17,24,39,.92);border:1px solid rgba(255,255,255,.24);border-radius:8px;bottom:18px;box-shadow:0 18px 40px rgba(0,0,0,.28);color:white;display:grid;grid-gap:4px;gap:4px;max-width:min(320px,calc(100% - 36px));opacity:0;padding:12px 14px;position:absolute;right:18px;text-align:left;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.next-video-overlay:focus-visible,.video-stage:hover .next-video-overlay{opacity:1;transform:translateY(0)}.next-video-overlay span{color:#a7f3d0;font-size:12px;font-weight:900;text-transform:uppercase}.next-video-overlay strong{font-size:14px;line-height:1.3}.video-empty{align-items:center;justify-content:center;padding:24px;text-align:center}.course-tutorial-content{color:#334155;font-size:17px;line-height:1.75;margin:0 auto;max-width:880px}.course-tutorial-content h2,.course-tutorial-content h3,.course-tutorial-content h4{color:var(--ink);line-height:1.2;margin:30px 0 12px}.course-tutorial-content h2:first-child,.course-tutorial-content h3:first-child,.course-tutorial-content h4:first-child{margin-top:0}.course-tutorial-content h2{font-size:30px}.course-tutorial-content h3{font-size:24px}.course-tutorial-content h4{font-size:20px}.course-tutorial-content ol,.course-tutorial-content p,.course-tutorial-content ul{margin:0 0 18px}.course-tutorial-content ol,.course-tutorial-content ul{padding-left:24px}.course-tutorial-content li{margin:8px 0}.course-tutorial-content a{color:var(--teal);font-weight:900;text-decoration:underline;text-underline-offset:3px}.course-tutorial-content img{border:1px solid var(--line);border-radius:8px;display:block;height:auto;margin:22px auto;max-width:100%}.course-tutorial-content table{border-collapse:collapse;display:block;margin:22px 0;overflow:auto;width:100%}.course-tutorial-content td,.course-tutorial-content th{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.course-tutorial-content th{background:#f1f5f9;color:var(--ink)}.course-code-block{margin:22px 0;position:relative}.course-code-copy{align-items:center;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.35);border-radius:6px;color:white;display:inline-flex;font-size:12px;font-weight:900;gap:7px;height:32px;padding:0 10px;position:absolute;right:10px;top:10px;z-index:1}.course-code-copy:hover{background:#1f2937}.course-tutorial-content pre{background:#0b1220;border-radius:8px;color:#a7f3d0;font-size:14px;line-height:1.65;margin:0;overflow:auto;padding:54px 16px 16px;white-space:pre-wrap}.course-tutorial-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.course-tutorial-content li code,.course-tutorial-content p code,.course-tutorial-content td code{background:#e2e8f0;border-radius:4px;color:#0f172a;font-size:.92em;padding:2px 5px}.tutorial-next-panel{align-items:center;border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;margin:34px auto 0;max-width:880px;padding-top:18px}.tutorial-next-panel span{color:var(--muted);font-weight:900;text-transform:uppercase}.tutorial-next-panel button{background:var(--ink);border:1px solid var(--ink);border-radius:6px;color:white;font-weight:900;min-height:42px;padding:0 16px}.tutorial-next-panel button:disabled{cursor:not-allowed;opacity:.55}.video-meta{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:20px}.lesson-sidebar h2,.page-card h2,.video-meta h2,.video-meta p{margin:6px 0 0}.free-videos-page .content-heading{margin-bottom:18px}.free-videos-hero{background:radial-gradient(circle at top right,rgba(15,118,110,.08),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,249,251,.98));border:1px solid var(--line);box-shadow:0 16px 36px rgba(16,24,40,.06);color:var(--ink);padding:30px}.free-videos-hero h1{max-width:900px;color:var(--ink)}.free-videos-hero p{max-width:760px;color:var(--muted)}.free-videos-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.free-videos-hero-note{color:var(--teal-dark);font-size:14px;font-weight:700}.free-videos-hero .eyebrow{color:var(--teal-dark)}.free-videos-toolbar{margin-bottom:24px}.free-video-grid{margin-top:0}.free-video-card{align-items:stretch}.free-video-card .course-media span{background:rgba(15,118,110,.94)}.free-video-card.active .course-media span,.free-video-card:hover .course-media span{background:#166534}.free-videos-modal{align-items:center;background:rgba(15,23,42,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;inset:0;justify-items:center;padding:24px;position:fixed;z-index:40}.free-videos-modal-panel{background:white;border:1px solid rgba(255,255,255,.4);border-radius:18px;box-shadow:0 32px 80px rgba(2,6,23,.38);display:grid;grid-gap:16px;gap:16px;max-height:min(92vh,920px);max-width:min(1120px,100%);overflow:hidden;padding:18px;width:100%}.free-videos-modal-toolbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.free-videos-modal-toolbar h2{font-size:clamp(22px,2.2vw,32px);line-height:1.1;margin:6px 0 0}.free-videos-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.free-videos-modal-player{background:#0b1220;border-radius:14px;overflow:hidden;position:relative}.free-videos-modal-player:before{content:"";display:block;padding-top:56.25%}.free-videos-modal-player iframe{border:0;inset:0;position:absolute;height:100%;width:100%}.free-videos-modal-meta{display:grid;grid-gap:14px;gap:14px}.free-videos-modal-meta p{color:var(--muted);line-height:1.55;margin:0}.free-videos-modal-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.free-videos-modal-footer span{color:var(--muted);font-size:13px;font-weight:800}.free-videos-modal-footer a{color:var(--teal-dark);font-size:14px;font-weight:900}@media (max-width:820px){.free-videos-modal{padding:12px}.free-videos-modal-panel{max-height:96vh;padding:14px}.free-videos-modal-toolbar{align-items:stretch;flex-direction:column}.free-videos-modal-actions{justify-content:flex-start}}.player-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.player-actions button{background:white;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:13px;font-weight:900;height:38px;padding:0 12px}.player-actions button:last-child{background:var(--ink);border-color:var(--ink);color:white}.player-actions button:disabled{cursor:not-allowed;opacity:.5}.lesson-progress{border-radius:0;height:6px}.lesson-sidebar{max-height:690px;overflow:auto;padding:18px}.chapter-block{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.chapter-block h3{font-size:15px;margin:0 0 10px}.lesson-row{background:#f8fafc;border:1px solid var(--line);border-radius:6px;color:var(--ink);display:grid;grid-gap:4px;gap:4px;margin-top:8px;padding:12px;text-align:left;width:100%}.lesson-row.active{background:var(--teal-soft);border-color:rgba(15,118,110,.34)}.lesson-row.locked{background:#f5f7fb;color:#344054}.lesson-row span{font-weight:900}.lesson-row small,.muted-text{color:var(--muted)}.resource-section{margin-top:24px}.blog-list,.purchase-list,.qa-list,.resource-grid{display:grid;grid-gap:14px;gap:14px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.purchase-card,.resource-card{background:white;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:6px;gap:6px;padding:16px;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.resource-card:hover{border-color:rgba(15,118,110,.35);box-shadow:0 10px 22px rgba(16,24,40,.08);transform:translateY(-1px)}.purchase-card small,.purchase-card span,.resource-card p,.resource-card span{color:var(--muted)}.resource-card p{font-size:13px;line-height:1.5;margin:0}.catalog-toolbar.compact{grid-template-columns:minmax(0,1fr);margin-bottom:18px;margin-top:0}.page-card{padding:24px}.blog-card,.plan-card,.qa-card{padding:22px}.blog-article{overflow:hidden;padding:0}.blog-article summary{cursor:pointer;display:grid;grid-gap:8px;gap:8px;list-style:none;padding:22px}.blog-article summary::-webkit-details-marker{display:none}.blog-article summary:after{align-items:center;background:var(--teal-soft);border-radius:999px;color:var(--teal-dark);content:"Expand";display:inline-flex;font-size:12px;font-weight:900;height:30px;justify-content:center;justify-self:start;margin-top:4px;padding:0 12px;text-transform:uppercase}.blog-article[open] summary{border-bottom:1px solid var(--line)}.blog-article[open] summary:after{background:var(--ink);color:white;content:"Collapse"}.blog-article summary small{color:var(--muted);font-size:13px}.blog-detail{display:grid;grid-gap:18px;gap:18px;padding:22px}.blog-detail-text{color:#344054;font-size:16px;line-height:1.72;margin:0;white-space:pre-wrap}.blog-detail-image{background:#f8fafc;border:1px solid var(--line);border-radius:8px;max-height:560px;max-width:100%;object-fit:contain;width:-moz-fit-content;width:fit-content}.blog-reader-layout{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:360px minmax(0,1fr)}.blog-outline,.blog-reader{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px rgba(16,24,40,.05)}.blog-outline{max-height:calc(100vh - 150px);overflow:auto;position:-webkit-sticky;position:sticky;top:88px}.blog-outline-heading{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px}.blog-outline-heading strong{background:var(--teal-soft);border-radius:999px;color:var(--teal-dark);font-size:13px;padding:6px 10px}.blog-topic-group{border-bottom:1px solid var(--line)}.blog-topic-group:last-child{border-bottom:0}.blog-topic-group summary{cursor:pointer;display:grid;grid-gap:4px;gap:4px;list-style:none;padding:14px 16px}.blog-topic-group summary::-webkit-details-marker{display:none}.blog-topic-group summary span{font-weight:900}.blog-topic-group summary small{color:var(--muted)}.blog-toc-list{display:grid;grid-gap:6px;gap:6px;padding:0 12px 14px}.blog-toc-row{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:6px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;grid-template-columns:46px minmax(0,1fr);min-height:48px;padding:8px 10px;text-align:left;width:100%}.blog-toc-row.child{margin-left:18px;width:calc(100% - 18px)}.blog-toc-row.major .blog-toc-title{font-weight:900}.blog-toc-row.active{background:var(--teal-soft);border-color:rgba(15,118,110,.4)}.blog-order{align-items:center;background:white;border:1px solid var(--line);border-radius:999px;color:var(--teal-dark);display:inline-flex;font-size:12px;font-weight:900;height:34px;justify-content:center}.blog-toc-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-reader{min-width:0;overflow:hidden}.blog-reader.dark{background:#111827;border-color:#1f2937;color:white}.blog-reader-topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;padding:18px 20px}.blog-reader.dark .blog-reader-topbar{border-color:#334155}.blog-reader-topbar h2{font-size:28px;line-height:1.2;margin:6px 0 0}.blog-reader-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.blog-reader-controls button{background:white;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:13px;font-weight:900;height:36px;padding:0 12px}.blog-reader.dark .blog-reader-controls button{background:#1f2937;border-color:#334155;color:white}.blog-reader-controls button:disabled{cursor:not-allowed;opacity:.45}.blog-reader .blog-detail{--reader-scale:1;gap:20px;padding:24px}.blog-reader .blog-detail-text{color:inherit;font-size:calc(16px * var(--reader-scale))}.blog-code-block{margin:0;position:relative}.blog-code-copy{align-items:center;background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.35);border-radius:6px;color:white;display:inline-flex;font-size:12px;font-weight:900;gap:7px;height:32px;padding:0 10px;position:absolute;right:10px;top:10px;z-index:1}.blog-code-copy:hover{background:#1f2937}.copy-glyph{display:inline-block;position:relative}.copy-glyph,.copy-glyph span{border:1.8px solid;border-radius:3px;height:13px;width:11px}.copy-glyph span{display:block;left:-5px;position:absolute;top:4px}.blog-reader .blog-detail-code{background:#0b1220;border-radius:8px;color:#a7f3d0;font-size:calc(13px * var(--reader-scale));line-height:1.6;margin:0;overflow:auto;padding:52px 16px 16px;white-space:pre-wrap}.blog-reader.dark .muted-text{color:#cbd5e1}.qa-topline{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:12px;justify-content:space-between}.qa-topline strong{background:var(--teal-soft);border-radius:999px;color:var(--teal-dark);padding:6px 10px}.qa-reader-layout{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:390px minmax(0,1fr)}.qa-outline,.qa-reader{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px rgba(16,24,40,.05)}.qa-outline{max-height:calc(100vh - 150px);overflow:auto;position:-webkit-sticky;position:sticky;top:88px}.qa-outline-heading{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:16px}.qa-outline-heading strong{background:var(--teal-soft);border-radius:999px;color:var(--teal-dark);font-size:13px;padding:6px 10px}.qa-topic-group{border-bottom:1px solid var(--line)}.qa-topic-group:last-child{border-bottom:0}.qa-topic-group summary{cursor:pointer;display:grid;grid-gap:4px;gap:4px;list-style:none;padding:14px 16px}.qa-topic-group summary::-webkit-details-marker{display:none}.qa-topic-group summary span{font-weight:900}.qa-topic-group summary small{color:var(--muted)}.qa-question-list{display:grid;grid-gap:6px;gap:6px;padding:0 12px 14px}.qa-question-row{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:6px;color:var(--ink);display:grid;grid-gap:10px;gap:10px;grid-template-columns:74px minmax(0,1fr);min-height:54px;padding:9px 10px;text-align:left;width:100%}.qa-question-row.active{background:var(--teal-soft);border-color:rgba(15,118,110,.4)}.qa-question-title{display:-webkit-box;font-size:14px;font-weight:800;line-height:1.35;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qa-difficulty{align-items:center;background:#e0f2fe;border-radius:999px;color:#075985;display:inline-flex;font-size:12px;font-weight:900;justify-content:center;min-height:28px;padding:6px 9px;text-transform:uppercase;white-space:nowrap}.qa-difficulty.easy,.qa-difficulty.junior{background:#dcfce7;color:#166534}.qa-difficulty.mid{background:var(--teal-soft);color:var(--teal-dark)}.qa-difficulty.senior{background:#fef3c7;color:#92400e}.qa-difficulty.expert,.qa-difficulty.hard{background:#fee2e2;color:#991b1b}.qa-reader{min-width:0;overflow:hidden}.qa-reader-topbar{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;padding:20px}.qa-reader-topbar h2{font-size:clamp(24px,3vw,34px);line-height:1.18;margin:6px 0 0}.qa-reader-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.qa-reader-controls button{background:white;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:13px;font-weight:900;height:36px;padding:0 12px}.qa-reader-controls button:disabled{cursor:not-allowed;opacity:.45}.qa-answer{display:grid;grid-gap:15px;gap:15px;padding:24px}.qa-answer-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.qa-answer-meta span{color:var(--muted);font-size:14px;font-weight:800}.qa-answer p{color:#475467;font-size:17px;line-height:1.72;margin:0}.qa-answer-image{background:#f8fafc;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 32px rgba(16,24,40,.08);display:block;height:auto;max-height:520px;max-width:100%;object-fit:contain;width:100%}.blog-card h2,.plan-card h2,.qa-card h2{font-size:22px;line-height:1.25;margin:10px 0}.blog-card p,.plan-card p,.qa-card p{color:var(--muted);line-height:1.58;margin:0}.settings-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-list{display:grid;grid-gap:12px;gap:12px;margin:18px 0 0}.settings-list div{border-top:1px solid var(--line);display:grid;grid-gap:6px;gap:6px;padding-top:12px}.settings-list dt{color:var(--muted);font-size:13px;font-weight:900}.settings-list dd{font-weight:800;margin:0;min-width:0;overflow-wrap:anywhere}.plan-grid{display:grid;grid-gap:14px;gap:14px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.inline-action{display:inline-flex;margin-top:16px}.subscription-heading{margin-bottom:18px}.subscription-layout{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 420px}.plan-picker{display:grid;grid-gap:14px;gap:14px}.checkout-panel,.plan-option{background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px rgba(16,24,40,.05)}.plan-option{color:var(--ink);display:grid;grid-gap:8px;gap:8px;padding:22px;text-align:left;width:100%}.plan-option.active,.plan-option:hover{border-color:var(--teal);box-shadow:0 18px 42px rgba(15,118,110,.14)}.plan-option span{color:var(--teal-dark);font-size:12px;font-weight:900;text-transform:uppercase}.plan-option strong{font-size:26px}.plan-option b{font-size:22px}.plan-option small{color:var(--muted);font-size:14px;line-height:1.5}.plan-option em,.validity-label{background:var(--teal-soft);border-radius:999px;color:var(--teal-dark);display:inline-flex;font-size:13px;font-style:normal;font-weight:900;justify-self:start;padding:7px 10px;text-transform:uppercase}.checkout-panel{align-self:start;padding:24px;position:-webkit-sticky;position:sticky;top:88px}.checkout-summary h2{font-size:30px;margin:6px 0}.checkout-summary strong{display:block;font-size:28px;margin-top:6px}.checkout-summary .validity-label{margin:10px 0 0}.checkout-summary ul{color:var(--muted);display:grid;grid-gap:8px;gap:8px;line-height:1.45;margin:18px 0 0;padding-left:18px}.payment-tabs{background:var(--soft);border-radius:8px;display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 1fr;margin-top:22px;padding:5px}.payment-tabs button{background:transparent;border:0;border-radius:6px;color:var(--muted);font-weight:900;height:42px}.payment-tabs button.active{background:white;box-shadow:0 8px 20px rgba(16,24,40,.08);color:var(--teal-dark)}.payment-provider-tabs{margin-top:16px}.payment-provider-tabs button{font-size:15px;height:38px}.payment-currency-row{align-items:center;display:flex;gap:10px;margin-top:12px}.payment-currency-label{color:var(--muted);flex:0 0 auto;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.payment-currency-tabs{margin-top:0;max-width:240px;padding:4px}.payment-currency-tabs button{font-size:13px;height:34px}.payment-gateway-stack{margin-top:16px}.payment-action{border-radius:6px;font-weight:900;height:48px;margin-top:16px;width:100%;background:var(--teal);border:1px solid var(--teal);color:white}.payment-action:disabled{cursor:not-allowed;opacity:.62}.payment-gate,.paypal-box,.razorpay-box{border:1px solid var(--line);border-radius:8px;margin-top:16px;padding:16px}.razorpay-button-shell{min-height:42px}.razorpay-button-shell p{margin:0}.payment-gate h3{margin:0 0 6px}.checkout-note{border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.45;margin:18px 0 0;padding-top:14px}.subscription-history{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:18px}.site-footer{background:#111827;color:white;margin-top:36px}.site-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between;margin:0 auto;max-width:1220px;padding:22px 24px}.site-footer a{color:#d1fae5;font-weight:800}.legal-settings{grid-column:1/-1}.legal-settings-list{display:grid;margin-top:14px}.legal-settings-row{align-items:center;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;min-height:58px;padding:14px 0}.legal-settings-row span{font-size:18px;font-weight:800}.legal-settings-row small{color:var(--teal-dark);font-size:14px}.legal-page h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:8px 0 12px}.legal-intro,.legal-section li,.legal-section p{color:var(--muted);font-size:17px;line-height:1.65}.legal-intro{margin:0;max-width:860px}.legal-section-list{display:grid;grid-gap:24px;gap:24px;margin:30px 0}.legal-section{border-top:1px solid var(--line);padding-top:22px}.legal-section h2{color:var(--ink);font-size:22px;line-height:1.2;margin:0 0 10px}.legal-section p{margin:0}.legal-section p+p{margin-top:12px}.legal-section ul{display:grid;grid-gap:10px;gap:10px;margin:12px 0 0;padding-left:22px}.legal-section li::marker{color:var(--teal)}@keyframes shimmer{to{background-position:-220% 0}}@media (max-width:1050px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-reader-layout,.player-layout,.qa-reader-layout,.settings-grid,.subscription-history,.subscription-layout{grid-template-columns:1fr}.blog-outline,.lesson-sidebar,.qa-outline{max-height:none}.blog-outline,.checkout-panel,.qa-outline{position:static}.hero-inner,.recent-learning{grid-template-columns:1fr}.hero-card{align-self:auto;max-width:520px}.hero-card-stack{width:100%}.topic-area-selector{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.topbar-inner{grid-template-columns:1fr auto}.nav-links{display:none}.hero-inner{min-height:auto;padding:42px 18px 48px}.catalog-section{padding-left:18px;padding-right:18px}.catalog-stats,.course-grid,.learning-band,.plan-grid,.resource-grid,.trust-strip{grid-template-columns:1fr 1fr}}@media (max-width:620px){.topbar-inner{padding:12px 16px}.header-actions{display:none}.catalog-stats,.catalog-toolbar,.course-grid,.learning-band,.plan-grid,.recent-list-compact,.resource-grid,.topic-area-selector,.trust-strip{grid-template-columns:1fr}.structured-track-header{align-items:stretch;flex-direction:column}.structured-track-count{align-self:flex-start}.recent-feature{min-height:0;padding:22px}.recent-feature-footer{align-items:stretch;flex-direction:column}.recent-feature-footer a{text-align:center}.hero-actions a{width:100%}.content-page,.detail-page{padding:22px 16px 48px}.content-heading,.detail-hero{padding:24px}.detail-hero{align-items:stretch;flex-direction:column}.video-empty,.video-panel iframe,.video-panel video{min-height:220px}.blog-reader-topbar{align-items:stretch;flex-direction:column}.blog-reader-controls,.qa-reader-controls{justify-content:flex-start}.qa-reader-topbar{align-items:stretch;flex-direction:column}}.auth-shell{background:linear-gradient(135deg,rgba(15,118,110,.94),rgba(24,34,48,.96)),url(https://firebasestorage.googleapis.com/v0/b/icafep-3a522.appspot.com/o/images%2FLIMITEDOFFER.png?alt=media&token=e2aa0c31-31e0-4d3a-aa24-47f281fd11c8);background-position:50%;background-size:cover;min-height:100vh}.auth-topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px;padding:22px 24px}.auth-topbar .brand{color:white}.auth-topbar .brand-mark{background:white;border-color:rgba(255,255,255,.42)}.auth-home-link{color:rgba(255,255,255,.86);font-size:14px;font-weight:800}.auth-layout{align-items:center;display:grid;grid-gap:54px;gap:54px;grid-template-columns:minmax(0,1fr) 440px;margin:0 auto;max-width:1180px;padding:38px 24px 70px}.auth-copy{color:white;max-width:650px}.auth-copy h1{font-size:clamp(38px,5vw,64px);line-height:1.02;margin:0}.auth-copy p{color:rgba(255,255,255,.84);font-size:19px;line-height:1.55;margin:18px 0 0}.auth-benefits{display:grid;grid-gap:14px;gap:14px;margin-top:32px}.auth-benefits div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:16px}.auth-benefits span,.auth-benefits strong{display:block}.auth-benefits strong{color:white;font-size:16px}.auth-benefits span{color:rgba(255,255,255,.76);font-size:14px;margin-top:5px}.auth-panel{background:white;border:1px solid rgba(255,255,255,.42);border-radius:8px;box-shadow:var(--shadow);padding:28px}.auth-panel-heading h2{font-size:32px;line-height:1.1;margin:4px 0 8px}.auth-note,.auth-panel-heading p{color:var(--muted);line-height:1.5;margin:0}.auth-submit,.auth-tabs button,.google-button{border-radius:6px;font-weight:900}.google-button{background:white;border:1px solid var(--line);color:var(--ink);display:flex;gap:12px;height:48px;margin-top:22px;width:100%}.google-button,.google-button span{align-items:center;justify-content:center}.google-button span{background:#f2f4f7;border-radius:999px;color:#1a73e8;display:inline-flex;font-weight:900;height:26px;width:26px}.auth-divider{align-items:center;color:var(--muted);display:grid;font-size:13px;grid-gap:12px;gap:12px;grid-template-columns:1fr auto 1fr;margin:20px 0}.auth-divider:after,.auth-divider:before{background:var(--line);content:"";height:1px}.auth-tabs{background:var(--soft);border-radius:8px;display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 1fr;padding:5px}.auth-tabs button{background:transparent;border:0;color:var(--muted);height:40px}.auth-tabs button.active{background:white;box-shadow:0 8px 20px rgba(16,24,40,.08);color:var(--teal-dark)}.auth-form{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.auth-form label{display:grid;grid-gap:7px;gap:7px}.auth-form label span{color:#344054;font-size:13px;font-weight:900}.auth-form input{background:white;border:1px solid var(--line);border-radius:6px;color:var(--ink);height:46px;outline:0;padding:0 13px}.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.auth-submit{background:var(--teal);border:1px solid var(--teal);color:white;height:46px}.auth-submit.secondary{background:var(--ink);border-color:var(--ink)}.auth-submit:disabled,.google-button:disabled{cursor:not-allowed;opacity:.62}.auth-links{align-items:center;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;margin-top:14px}.auth-links button{background:transparent;border:0;color:var(--teal-dark);font-size:13px;font-weight:900;padding:0}.auth-links button:hover{text-decoration:underline}.auth-message{background:var(--teal-soft);border-radius:6px;color:var(--teal-dark);font-size:14px;font-weight:800;line-height:1.45;margin:16px 0 0;padding:12px}.auth-message.error{background:#fff1f0;color:#b42318}.auth-note{border-top:1px solid var(--line);font-size:13px;margin-top:18px;padding-top:16px}.gated-content{min-height:100vh;position:relative}.preview-timer{background:var(--ink);border-radius:999px;bottom:22px;box-shadow:0 12px 30px rgba(16,24,40,.22);color:white;font-size:13px;font-weight:900;padding:10px 14px;position:fixed;right:22px;z-index:30}.subscription-lock{margin:18px 0 0}.subscription-lock-card{background:#f8fbff;border:1px solid rgba(15,118,110,.2);border-left:4px solid var(--teal);border-radius:8px;box-shadow:var(--shadow);max-width:none;padding:22px 24px}.subscription-lock-card h2{font-size:32px;line-height:1.12;margin:8px 0 10px}.subscription-lock-card p{color:var(--muted);line-height:1.55;margin:0}.subscription-lock-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}@media (max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-copy{max-width:760px}.auth-panel{max-width:520px;width:100%}}@media (max-width:560px){.auth-topbar{padding:16px}.auth-layout{padding:22px 16px 48px}.auth-panel{padding:20px}}