.course-card[data-astro-cid-dfxscctt]{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-1);transition:border-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease), translate var(--motion-fast) var(--ease);flex-wrap:wrap;display:flex;position:relative;container-type:inline-size}@media (hover:hover){.course-card[data-astro-cid-dfxscctt]:hover{border-color:var(--color-accent);box-shadow:var(--shadow-2);translate:0 -1px}}.course-card[data-astro-cid-dfxscctt]:active{box-shadow:var(--shadow-1);translate:0}.course-card-link[data-astro-cid-dfxscctt]{color:var(--color-text);text-decoration:none}.course-card-link[data-astro-cid-dfxscctt]:after{content:"";border-radius:inherit;position:absolute;inset:0}.course-card-link[data-astro-cid-dfxscctt]:focus-visible{outline:none}.course-card[data-astro-cid-dfxscctt]:has(.course-card-link:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.course-card-main[data-astro-cid-dfxscctt]{gap:var(--space-1);flex:18rem;min-inline-size:0;display:grid}.course-card-main[data-astro-cid-dfxscctt]>[data-astro-cid-dfxscctt]{margin:0}.course-code[data-astro-cid-dfxscctt]{inline-size:fit-content;color:var(--color-accent-strong);font-size:var(--text-xs);letter-spacing:.04em;font-weight:700}.course-card-title[data-astro-cid-dfxscctt]{font-size:var(--text-xl)}.course-card-title[data-astro-cid-dfxscctt] .course-name-en{font-size:var(--text-md)}.course-status[data-astro-cid-dfxscctt]{color:var(--color-text-secondary);font-size:var(--text-sm)}.course-progress[data-astro-cid-dfxscctt]{align-items:center;gap:var(--space-2);max-inline-size:24rem;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;display:flex;margin-block-start:var(--space-1)!important}.course-progress[data-astro-cid-dfxscctt] .progress[data-astro-cid-dfxscctt]{flex:0 0 6rem}.course-card-go[data-astro-cid-dfxscctt]{pointer-events:none;transition:background-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease);flex:none}.course-card[data-astro-cid-dfxscctt]:hover .course-card-go[data-astro-cid-dfxscctt],.course-card[data-astro-cid-dfxscctt]:has(.course-card-link:focus-visible) .course-card-go[data-astro-cid-dfxscctt]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent)}@container (width<=22rem){.course-card-go[data-astro-cid-dfxscctt]{flex:100%}}.hero[data-astro-cid-lcdefpme]{gap:var(--space-4);padding-block:var(--space-3) var(--space-5);align-items:center;display:grid}@container page (width>=52rem){.hero[data-astro-cid-lcdefpme]{gap:var(--space-5);padding-block:var(--space-5);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}.hero-text[data-astro-cid-lcdefpme]{gap:var(--space-3);justify-items:start;display:grid}.hero-text[data-astro-cid-lcdefpme]>[data-astro-cid-lcdefpme]{margin:0}.hero[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{max-inline-size:15ch;font-size:var(--text-3xl);line-height:1.25}.why[data-astro-cid-lcdefpme]{font-size:var(--text-xl);flex-wrap:wrap;align-items:baseline;gap:0 .35em;font-weight:600;line-height:1.5;display:flex}.why-lead[data-astro-cid-lcdefpme]{color:var(--color-text-secondary)}.why-words[data-astro-cid-lcdefpme]{color:var(--color-accent-strong);font-weight:700}.why-words[data-astro-cid-lcdefpme].is-cycling{display:inline-grid}.why-words[data-astro-cid-lcdefpme] .why-word[data-astro-cid-lcdefpme]:not(.is-on){display:none}.why-words[data-astro-cid-lcdefpme].is-cycling .why-word[data-astro-cid-lcdefpme]{opacity:0;transition:opacity var(--motion-fast) var(--ease), translate 0s linear var(--motion-fast);grid-area:1/1;justify-self:start;display:block;translate:0 .25em}.why-words[data-astro-cid-lcdefpme].is-cycling .why-word[data-astro-cid-lcdefpme].is-on{opacity:1;transition:opacity var(--motion-swap) var(--ease) var(--motion-fast), translate var(--motion-swap) var(--ease) var(--motion-fast);translate:0}.lede[data-astro-cid-lcdefpme]{text-wrap:pretty;max-inline-size:36rem;color:var(--color-text-secondary);font-size:var(--text-lg)}.resume-where[data-astro-cid-lcdefpme]{color:var(--color-text-secondary);font-size:var(--text-sm);margin-block-start:calc(-1 * var(--space-2))!important}.hero-actions[data-astro-cid-lcdefpme]{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.hero-actions[data-astro-cid-lcdefpme] .btn[data-astro-cid-lcdefpme]{min-inline-size:11rem}@container page (width<=28rem){.hero-actions[data-astro-cid-lcdefpme]{inline-size:100%}.hero-actions[data-astro-cid-lcdefpme] .btn[data-astro-cid-lcdefpme]{flex:100%}}.btn-quiet[data-astro-cid-lcdefpme]{border-color:var(--color-border);background:var(--color-card);color:var(--color-text)}.hero-art[data-astro-cid-lcdefpme]{aspect-ratio:22/17;justify-self:center;inline-size:min(100%,17rem);position:relative}@container page (width>=52rem){.hero-art[data-astro-cid-lcdefpme]{inline-size:min(100%,25rem)}}.art-card[data-astro-cid-lcdefpme]{align-content:start;gap:var(--space-2);inline-size:60%;padding:var(--space-3);border:var(--border-thin) solid var(--edge);border-radius:var(--radius-lg);background:var(--tint);box-shadow:var(--shadow-2);color:var(--ink);display:grid;position:absolute}.art-card--lesson[data-astro-cid-lcdefpme]{--tint:var(--mode-lesson-surface);--edge:var(--mode-lesson-border);--ink:var(--mode-lesson-ink);inset-block-start:0;inset-inline-start:0;rotate:5deg}.art-card--cards[data-astro-cid-lcdefpme]{--tint:var(--mode-cards-surface);--edge:var(--mode-cards-border);--ink:var(--mode-cards-ink);z-index:1;inset-block-start:23%;inset-inline-start:20%;rotate:-3deg}.art-card--practice[data-astro-cid-lcdefpme]{--tint:var(--mode-practice-surface);--edge:var(--mode-practice-border);--ink:var(--mode-practice-ink);z-index:2;inset-block-start:50%;inset-inline-start:40%;rotate:2deg}.art-icon[data-astro-cid-lcdefpme]{border-radius:var(--radius-sm);background:var(--color-card);place-items:center;block-size:2.25rem;inline-size:2.25rem;display:grid}.art-label[data-astro-cid-lcdefpme]{color:var(--color-text);font-weight:700}.art-line[data-astro-cid-lcdefpme]{border-radius:var(--radius-sm);background:var(--color-card);opacity:.85;block-size:.5rem}.art-line--short[data-astro-cid-lcdefpme]{inline-size:60%}@container page (width<=51.99rem){.art-card[data-astro-cid-lcdefpme]{gap:var(--space-1);padding:var(--space-2) var(--space-3)}.art-icon[data-astro-cid-lcdefpme]{block-size:1.75rem;inline-size:1.75rem}.art-icon[data-astro-cid-lcdefpme] .icon{block-size:1rem;inline-size:1rem}.art-label[data-astro-cid-lcdefpme]{font-size:var(--text-sm)}.art-line[data-astro-cid-lcdefpme]{block-size:.375rem}}.section-title[data-astro-cid-lcdefpme]{font-size:var(--text-xl);margin-block-end:var(--space-3)}.modes-intro[data-astro-cid-lcdefpme]{margin-block-end:var(--space-5)}.mode-list[data-astro-cid-lcdefpme]{border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);margin:0;padding:0;list-style:none;display:grid}@container page (width>=44rem){.mode-list[data-astro-cid-lcdefpme]{grid-template-columns:repeat(3,minmax(0,1fr))}}.mode-item[data-astro-cid-lcdefpme]{gap:var(--space-3);padding:var(--space-3) var(--space-4);align-items:flex-start;display:flex}.mode-item[data-astro-cid-lcdefpme]+.mode-item[data-astro-cid-lcdefpme]{border-block-start:var(--border-thin) solid var(--color-border)}@container page (width>=44rem){.mode-item[data-astro-cid-lcdefpme]{padding-block:var(--space-4)}.mode-item[data-astro-cid-lcdefpme]+.mode-item[data-astro-cid-lcdefpme]{border-block-start:0;border-inline-start:var(--border-thin) solid var(--color-border)}}.mode-item-text[data-astro-cid-lcdefpme]{gap:.1rem;display:grid}.mode-item[data-astro-cid-lcdefpme] strong[data-astro-cid-lcdefpme]{font-size:var(--text-base)}.mode-item-desc[data-astro-cid-lcdefpme]{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.mode-item-icon[data-astro-cid-lcdefpme]{border-radius:var(--radius-md);flex:none;place-items:center;block-size:2.75rem;inline-size:2.75rem;display:grid}.mode-item--lesson[data-astro-cid-lcdefpme] .mode-item-icon[data-astro-cid-lcdefpme]{background:var(--mode-lesson-tint);color:var(--mode-lesson-ink)}.mode-item--cards[data-astro-cid-lcdefpme] .mode-item-icon[data-astro-cid-lcdefpme]{background:var(--mode-cards-tint);color:var(--mode-cards-ink)}.mode-item--practice[data-astro-cid-lcdefpme] .mode-item-icon[data-astro-cid-lcdefpme]{background:var(--mode-practice-tint);color:var(--mode-practice-ink)}.courses[data-astro-cid-lcdefpme]{scroll-margin-block-start:var(--space-4)}.more-courses[data-astro-cid-lcdefpme]{align-items:center;gap:var(--space-3);max-inline-size:none;padding:var(--space-3) var(--space-4);border:var(--border-thin) dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-md);line-height:var(--leading-arabic);margin:0;display:flex}.more-mark[data-astro-cid-lcdefpme]{border-radius:var(--radius-round);background:var(--color-accent-tint);block-size:2rem;inline-size:2rem;color:var(--color-accent-strong);font-size:var(--text-xl);flex:none;place-items:center;font-weight:600;line-height:1;display:grid}.course-grid[data-astro-cid-lcdefpme]{gap:var(--space-3);margin:0 0 var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));padding:0;list-style:none;display:grid}.course-grid[data-astro-cid-lcdefpme]>li[data-astro-cid-lcdefpme]{display:grid}