:root{--bg: #f4f6f8;--bg-alt: #e8edf2;--surface: #ffffff;--surface-alt: #f0f3f7;--navy-950: #050c17;--navy-900: #091425;--navy-850: #0d1e36;--navy-800: #102442;--navy-750: #142d50;--navy-700: #1a3a66;--navy-600: #1e4d8c;--navy-500: #2563b0;--sky-400: #38bdf8;--sky-300: #7dd3fc;--sky-200: #bae6fd;--text-pri: #1a2332;--text-sec: #4a5e72;--text-mut: #7a8fa3;--border: rgba(26, 35, 50, .1);--border-md: rgba(26, 35, 50, .18);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 32px rgba(0,0,0,.08);--shadow-lg: 0 20px 60px rgba(0,0,0,.1);--shadow-glow: 0 0 40px rgba(37, 99, 176, .08);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--font-display: "DM Serif Display", "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", "Manrope", "IBM Plex Sans Arabic", sans-serif;--transition: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(37,99,176,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 5%,rgba(37,99,176,.04) 0%,transparent 50%);color:var(--text-pri);font-family:var(--font-body);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}body:before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent 0%,var(--navy-500) 20%,var(--sky-400) 50%,var(--navy-500) 80%,transparent 100%)}a{color:inherit;text-decoration:none}img,iframe{max-width:100%}p{color:var(--text-sec);margin:0}p+p{margin-top:.75rem}.skip-link{position:absolute;left:1rem;top:-100%;z-index:200;padding:.6rem 1.2rem;background:var(--sky-400);color:var(--navy-950);border-radius:var(--radius-pill);font-weight:700}.skip-link:focus{top:1rem}.top-shell,.page-shell,.site-footer{width:min(1200px,calc(100vw - 2.5rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:var(--surface);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--border);box-shadow:0 1px #2563b00d,var(--shadow-sm)}.top-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 0}.brand{display:inline-flex;align-items:center;gap:.875rem;transition:opacity var(--transition)}.brand:hover{opacity:.85}.brand-mark{display:inline-grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:16px;background:#fff;border:1.5px solid rgba(37,99,176,.55);box-shadow:0 6px 18px #2563b01f;flex-shrink:0;overflow:hidden;padding:.1rem}.brand-favicon{width:100%;height:100%;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:.1rem}.brand-copy strong{font-family:var(--font-display);font-size:1.3rem;color:var(--text-pri);line-height:1.2}.brand-copy small{font-size:.78rem;color:var(--text-mut);letter-spacing:.07em;text-transform:uppercase;font-weight:600}.header-actions{display:flex;gap:.5rem;align-items:center}.icon-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;background:var(--surface-alt);border:1px solid var(--border-md);border-radius:var(--radius-pill);color:var(--text-sec);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.icon-button:hover{background:#2563b014;color:var(--navy-600);border-color:#2563b066;transform:translateY(-1px)}.site-nav{border-top:1px solid var(--border)}.nav-inner{width:min(1200px,calc(100vw - 2.5rem));margin-inline:auto;display:flex;align-items:stretch;gap:.2rem;padding:.55rem 0;overflow-x:auto;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.nav-link,.nav-parent-link,.nav-parent-text{display:inline-flex;align-items:center;white-space:nowrap;min-height:2.4rem;padding:.45rem .85rem;border-radius:var(--radius-pill);color:var(--text-sec);font-size:.85rem;font-weight:600;transition:all var(--transition)}.nav-link:hover,.nav-parent-link:hover{background:#2563b00f;color:var(--navy-600)}.nav-link.is-current,.nav-group.is-current .nav-parent-link{background:#2563b01a;color:var(--navy-600);box-shadow:inset 0 0 0 1px #2563b033}.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-summary{display:flex}.submenu{position:absolute;left:0;top:calc(100% + .5rem);min-width:17rem;display:grid;gap:.18rem;padding:.55rem;background:var(--surface);border:1px solid var(--border-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px #2563b00a;opacity:0;pointer-events:none;transform:translateY(6px) scale(.98);transform-origin:top left;transition:opacity .18s ease,transform .18s ease;z-index:50}.nav-group[open] .submenu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.submenu-link{display:flex;align-items:center;padding:.6rem .85rem;border-radius:var(--radius-sm);color:var(--text-sec);font-size:.85rem;font-weight:500;transition:all var(--transition)}.submenu-link:hover{background:#2563b00f;color:var(--navy-600);padding-left:1.1rem}.submenu-link.is-current{background:#2563b01a;color:var(--navy-600)}.mobile-nav-toggle{display:none}.page-shell{padding:2.25rem 0 6rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.78rem;font-weight:600;color:var(--text-mut);margin-bottom:1.5rem;letter-spacing:.01em}.breadcrumbs a{color:var(--text-mut);transition:color var(--transition)}.breadcrumbs a:hover{color:var(--navy-600)}.eyebrow-card,.hero-kicker{display:inline-flex;align-items:center;gap:.3rem;padding:.26rem .72rem;border-radius:var(--radius-pill);background:#2563b014;border:1px solid rgba(37,99,176,.12);color:var(--navy-600);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}.page-intro{padding:clamp(1.5rem,3vw,2.5rem);margin-bottom:1.75rem;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-alt) 100%);border:1px solid var(--border-md);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.page-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 100% at -5% 50%,rgba(37,99,176,.12) 0%,transparent 65%);pointer-events:none}.page-intro h1,.hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;color:var(--text-pri);letter-spacing:-.02em;margin:.5rem 0 .65rem}.page-intro p{font-size:1.05rem;max-width:60ch}.page-intro .eyebrow-card{display:none}.page-intro h1{margin-top:0}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;margin-bottom:1.75rem;padding:clamp(1.75rem,3vw,2.75rem);background:linear-gradient(135deg,var(--surface) 0%,var(--bg-alt) 100%);border:1px solid var(--border-md);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 90% at -5% 50%,rgba(37,99,176,.12) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 100% 0%,rgba(37,99,176,.04) 0%,transparent 55%);pointer-events:none}.hero p{font-size:1.05rem;max-width:52ch;margin-bottom:1.5rem}.hero-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(15rem,.9fr);gap:1.5rem;align-items:stretch;position:relative;z-index:1}.hero-copy{display:flex;flex-direction:column}.hero-copy--home h1{font-size:clamp(2.8rem,6vw,4.75rem)}.hero-copy--home p{max-width:none;margin-bottom:0}.hero-card{background:var(--surface);border:1px solid var(--border-md);border-radius:var(--radius-lg);padding:1.4rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-image-card{display:flex;align-items:stretch;justify-content:center;min-height:100%;padding:.75rem}.hero-image-card img,.panel-image-card img,.app-card-media img,.profile-link img{display:block;width:100%;height:100%;object-fit:cover}.hero-image-card img{border-radius:calc(var(--radius-lg) - .2rem);min-height:100%}.focus-button-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;width:100%;position:relative;z-index:1}.button-static{cursor:default;pointer-events:none;width:100%}.button-static.button-secondary{background:#2563b014;border-color:#2563b029;color:var(--navy-700)}.panel{padding:clamp(1.5rem,2.5vw,2.25rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.panel+.panel,.panel+.stack-grid,.panel+.card-grid,.page-intro+.panel,.page-intro+.card-grid,.hero+.panel,.stack-grid+.panel,.card-grid+.panel,.stack-grid+.stack-grid,.card-grid+.card-grid,.stack-grid+.card-grid,.card-grid+.stack-grid{margin-top:1.75rem}.panel-header,.card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;min-width:0}.panel-header>div,.card-head>div{flex:1 1 auto;min-width:0}.card-head .eyebrow-card{flex-shrink:0}.card-head p{flex:1 1 auto;min-width:0}.card-head h3{font-family:var(--font-display);font-size:1.2rem;color:var(--text-pri);letter-spacing:-.01em;margin:.35rem 0 .3rem}.panel-header h2{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,1.95rem);color:var(--text-pri);letter-spacing:-.02em;margin:.4rem 0 .3rem}.two-column-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.image-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.panel-image-card,.app-card-media{margin:0;overflow:hidden;border-radius:calc(var(--radius-lg) - .2rem);border:1px solid var(--border-md);background:linear-gradient(180deg,#f8fbfff2,#e9f0f7fa)}.panel-image-card{aspect-ratio:4 / 3;padding:.4rem}.panel-image-card img{border-radius:calc(var(--radius-md) - .15rem)}.card-grid,.stack-grid{display:grid;gap:1.25rem}.apps-grid,.videos-grid,.topics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.apps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.apps-grid--3-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stack-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stack-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card,.video-card,.publication-card,.highlight-card,.topic-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);min-width:0}.tool-card:hover,.video-card:hover,.publication-card:hover,.highlight-card:hover,.topic-card:hover{border-color:#2563b059;box-shadow:var(--shadow-md),0 0 24px #2563b01f;transform:translateY(-2px)}.card-head{flex:1 1 auto;min-width:0}.highlight-media{overflow:hidden;border-radius:calc(var(--radius-lg) - .35rem);border:1px solid var(--border-md);background:radial-gradient(circle at top,#ffffffeb,#f1f6fcf5 44%,#e1eaf4fa),var(--bg-alt)}.highlight-figure{margin:0;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(180deg,#f8fbfff0,#e7eef6fa)}.highlight-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.highlight-figure--portrait{display:grid;place-items:center;padding:clamp(.65rem,2vw,1rem)}.highlight-figure--portrait img{width:auto;max-width:100%;height:100%;object-fit:contain;border-radius:calc(var(--radius-md) - .1rem);box-shadow:0 20px 40px #112c4a1f}.highlight-media--gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;padding:.65rem}.highlight-media--gallery .highlight-figure{border-radius:calc(var(--radius-md) - .15rem)}.app-card-media{aspect-ratio:16 / 10;padding:.45rem}.app-card-media--double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.app-card-media--exam{aspect-ratio:auto}.app-card-media--double img,.app-card-media--single img{border-radius:calc(var(--radius-md) - .15rem)}.app-card-media--single img{object-position:center}.app-card-media--double img{object-fit:contain;background:#ffffffd1}.app-card-media--exam img{aspect-ratio:16 / 10;object-fit:contain;background:#ffffffeb}.app-card-media--dendrogram{display:grid;place-items:center;background:radial-gradient(circle at 50% 18%,rgba(145,230,187,.38),transparent 22%),linear-gradient(180deg,#101725,#1b2433)}.app-card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-height:100%;padding:1.5rem;text-align:center;color:#eff6ff}.app-card-placeholder strong{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.05}.app-card-placeholder span{color:#eff6ffd6;font-size:.95rem}.app-card-placeholder-kicker{display:inline-flex;align-items:center;padding:.28rem .7rem;border-radius:var(--radius-pill);background:#60a5fa2e;border:1px solid rgba(147,197,253,.25);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.tool-card--full-row{grid-column:1 / -1}.academic-arabic-copy{direction:rtl;text-align:right;font-family:"IBM Plex Sans Arabic",var(--font-body);line-height:1.9}.card-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:auto;padding-top:.5rem}.publication-card .card-head p{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;max-width:100%;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.25rem;border-radius:var(--radius-pill);font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all var(--transition);white-space:nowrap;letter-spacing:.01em;text-decoration:none;line-height:1.4;min-height:2.5rem}.button-primary{background:var(--navy-700);color:#fff;border-color:#2563b033;box-shadow:0 4px 18px #2563b04d,inset 0 1px #ffffff1a}.button-primary:hover{background:var(--navy-600);border-color:#2563b059;box-shadow:0 8px 28px #2563b066,inset 0 1px #ffffff24;transform:translateY(-1px)}.button-secondary{background:var(--surface-alt);color:var(--text-sec);border-color:var(--border-md)}.button-secondary:hover{background:#2563b014;color:var(--navy-600);border-color:#2563b033;transform:translateY(-1px)}.pill-link{display:inline-flex;align-items:center;padding:.5rem 1.05rem;border-radius:var(--radius-pill);background:var(--surface-alt);border:1px solid var(--border-md);color:var(--text-sec);font-size:.875rem;font-weight:600;transition:all var(--transition);text-decoration:none}.pill-link:hover{background:#2563b014;color:var(--navy-600);border-color:#2563b033;transform:translateY(-1px)}.pill-row,.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.profile-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem;margin-top:1.5rem}.profile-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1rem .75rem;background:linear-gradient(180deg,#2563b00a,#fffffffa);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);text-align:center}.profile-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#2563b03d}.profile-link img{width:2.15rem;height:2.15rem;object-fit:contain}.profile-link span{font-size:.8rem;font-weight:700;color:var(--text-sec)}.stack-grid--highlights .highlight-card:nth-child(13){grid-column:1 / -1}.stack-grid--highlights .highlight-card:nth-child(13) .highlight-media--gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.clean-list{padding-left:1.3rem;display:grid;gap:.45rem;margin:0}.clean-list li{color:var(--text-sec)}.rtl-panel{direction:rtl;font-family:"IBM Plex Sans Arabic",var(--font-body)}.embed-shell{overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-alt);border:1px solid var(--border-md);box-shadow:var(--shadow-md)}.embed-shell iframe{display:block;width:100%;border:0}.video-shell iframe{aspect-ratio:16 / 9;min-height:260px}.app-shell iframe{min-height:680px}.app-shell--nomenclature iframe{min-height:660px}.live-app-shell iframe{min-height:760px}.live-app-shell--mark-list-maker iframe{min-height:1500px}.live-app-shell--attendance-export iframe{min-height:2800px}.live-app-shell--sample-key-generator iframe{min-height:1080px}.live-app-shell--psychometric-exam-analysis-tool iframe{min-height:1200px}.live-app-shell--zotero-style-creator iframe,.app-shell--workshop iframe{min-height:1400px}.workshop-overview{display:grid;gap:1.6rem}.workshop-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(18rem,.95fr);gap:1.4rem;padding:clamp(1.6rem,3vw,2.4rem);background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 34%),linear-gradient(145deg,#fffffffa,#f0f4f9fa);border:1px solid rgba(26,35,50,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.workshop-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(30,77,140,.04),transparent 38%),radial-gradient(circle at bottom right,rgba(37,99,176,.08),transparent 30%);pointer-events:none}.workshop-hero-copy,.workshop-summary,.workshop-section-heading,.workshop-session-card{position:relative;z-index:1}.workshop-kicker,.workshop-section-kicker,.workshop-session-label,.workshop-session-format{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.35rem .8rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workshop-kicker,.workshop-section-kicker{background:#2563b014;border:1px solid rgba(37,99,176,.14);color:var(--navy-600)}.workshop-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;letter-spacing:-.03em;margin:.75rem 0}.workshop-lead{max-width:60ch;font-size:1.04rem;line-height:1.8}.workshop-summary{display:grid;gap:.8rem;align-content:center}.workshop-stat{display:grid;gap:.2rem;padding:1rem 1.05rem;background:#ffffffc7;border:1px solid rgba(26,35,50,.09);border-radius:var(--radius-lg);box-shadow:0 10px 26px #112c4a0f}.workshop-stat strong{font-family:var(--font-display);font-size:1.35rem;color:var(--navy-800)}.workshop-stat span{color:var(--text-sec);font-size:.92rem}.workshop-section-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;padding:0 .25rem}.workshop-section-heading h2{margin:.45rem 0 0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;letter-spacing:-.02em}.workshop-section-heading p{max-width:38rem;font-size:.98rem}.workshop-session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.workshop-session-card{display:flex;flex-direction:column;gap:1rem;min-height:100%;padding:1.4rem;background:linear-gradient(180deg,#fffffffa,#f4f7fbfa);border:1px solid rgba(26,35,50,.09);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.workshop-session-card:hover{transform:translateY(-3px);border-color:#2563b03d;box-shadow:var(--shadow-md),0 0 20px #2563b014}.workshop-session-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.workshop-session-number{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--navy-800),var(--navy-600));color:#fff;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;box-shadow:0 12px 24px #1a3a6638}.workshop-session-format{background:#2563b00f;border:1px solid rgba(37,99,176,.12);color:var(--navy-600)}.workshop-session-body{display:grid;gap:.7rem;flex:1 1 auto}.workshop-session-label{background:#38bdf81f;border:1px solid rgba(56,189,248,.18);color:var(--navy-700)}.workshop-session-body h3{margin:0;font-family:var(--font-display);font-size:1.5rem;line-height:1.15;letter-spacing:-.02em;color:var(--text-pri)}.workshop-session-body p{font-size:.98rem;line-height:1.75}.workshop-session-footer{display:flex;align-items:center;margin-top:auto;padding-top:.35rem}.learn-journey{display:grid;gap:1.6rem}.learn-journey-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(18rem,.95fr);gap:1.4rem;padding:clamp(1.6rem,3vw,2.4rem);background:radial-gradient(circle at top left,rgba(148,163,184,.14),transparent 36%),linear-gradient(145deg,#fffffffa,#f3f6fafa);border:1px solid rgba(26,35,50,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;position:relative}.learn-journey-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(17,44,74,.04),transparent 42%),radial-gradient(circle at bottom right,rgba(37,99,176,.07),transparent 32%);pointer-events:none}.learn-journey-copy,.learn-journey-summary,.learn-journey-heading,.learn-journey-card{position:relative;z-index:1}.learn-journey-kicker,.learn-journey-section-kicker,.learn-journey-label,.learn-journey-tag{display:inline-flex;align-items:center;gap:.35rem;width:fit-content;padding:.35rem .8rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.learn-journey-kicker,.learn-journey-section-kicker{background:#2563b014;border:1px solid rgba(37,99,176,.14);color:var(--navy-600)}.learn-journey-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;letter-spacing:-.03em;margin:.75rem 0}.learn-journey-lead{max-width:62ch;font-size:1.04rem;line-height:1.8}.learn-journey-summary{display:grid;gap:.8rem;align-content:center}.learn-journey-stat{display:grid;gap:.2rem;padding:1rem 1.05rem;background:#ffffffc7;border:1px solid rgba(26,35,50,.09);border-radius:var(--radius-lg);box-shadow:0 10px 26px #112c4a0f}.learn-journey-stat strong{font-family:var(--font-display);font-size:1.3rem;color:var(--navy-800)}.learn-journey-stat span{color:var(--text-sec);font-size:.92rem}.learn-journey-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;padding:0 .25rem}.learn-journey-heading h2{margin:.45rem 0 0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;letter-spacing:-.02em}.learn-journey-heading p{max-width:40rem;font-size:.98rem}.learn-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.learn-journey-card{display:flex;flex-direction:column;gap:1rem;min-height:100%;padding:1.4rem;background:linear-gradient(180deg,#fffffffa,#f4f7fbfa);border:1px solid rgba(26,35,50,.09);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.learn-journey-card:hover{transform:translateY(-3px);border-color:#2563b03d;box-shadow:var(--shadow-md),0 0 20px #2563b014}.learn-journey-media{width:100%;margin-top:.5rem;margin-bottom:.5rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#f8fafc}.learn-journey-media img{width:100%;height:auto;display:block;object-fit:cover}.learn-journey-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.learn-journey-number{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#0f2946,#2563b0);color:#fff;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;box-shadow:0 12px 24px #1a3a6638}.learn-journey-tag{background:#2563b00f;border:1px solid rgba(37,99,176,.12);color:var(--navy-600)}.learn-journey-body{display:grid;gap:.7rem;flex:1 1 auto}.learn-journey-label{background:#38bdf81f;border:1px solid rgba(56,189,248,.18);color:var(--navy-700)}.learn-journey-body h3{margin:0;font-family:var(--font-display);font-size:1.48rem;line-height:1.15;letter-spacing:-.02em;color:var(--text-pri)}.learn-journey-body p{font-size:.98rem;line-height:1.75}.learn-journey-footer{display:flex;align-items:center;margin-top:auto;padding-top:.35rem}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:2rem 0 3rem;border-top:1px solid var(--border);color:var(--text-mut);font-size:.875rem}.site-footer strong{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--text-sec);margin-bottom:.3rem}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.footer-links a{color:var(--text-mut);font-weight:500;transition:color var(--transition)}.footer-links a:hover{color:var(--navy-600)}@media(max-width:960px){.hero,.hero-main,.workshop-hero,.learn-journey-hero,.two-column-copy,.image-pair-grid,.profile-links,.stack-grid-two{grid-template-columns:1fr}.apps-grid,.apps-grid--3-cols,.workshop-session-grid,.learn-journey-grid,.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card--full-row{grid-column:auto}.focus-button-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.top-shell,.page-shell,.site-footer,.nav-inner{width:min(100vw - 1.5rem,1200px)}.site-nav{display:none}.site-nav.is-open{display:block}.nav-inner{display:grid;padding-bottom:.75rem}.nav-group{width:100%}.submenu{position:static;margin-top:.3rem;opacity:1;pointer-events:auto;transform:none;box-shadow:none;background:var(--surface-alt)}.nav-link,.nav-parent-link,.nav-parent-text,.submenu-link{width:100%}.mobile-nav-toggle{display:inline-flex}.brand-mark{width:3rem;height:3rem;padding:.08rem}.brand-copy strong{font-size:1.15rem}.hero h1,.page-intro h1{font-size:clamp(2rem,9vw,3rem)}.workshop-hero h1,.learn-journey-hero h1{font-size:clamp(2rem,8vw,3rem)}.focus-button-row,.profile-links,.apps-grid,.apps-grid--3-cols,.learn-grid,.workshop-session-grid,.learn-journey-grid{grid-template-columns:1fr}.workshop-hero,.learn-journey-hero{padding:1.35rem}.workshop-section-heading,.workshop-session-topline,.learn-journey-heading,.learn-journey-topline{align-items:flex-start}.workshop-session-card,.learn-journey-card{padding:1.2rem}.stack-grid--highlights .highlight-card:nth-child(13) .highlight-media--gallery{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--sky-400);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--navy-500);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--navy-600)}::selection{background:#2563b01f;color:var(--text-pri)}.lightbox-overlay{position:fixed;inset:0;z-index:9999;display:none;place-items:center;background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;opacity:0;transition:opacity .2s ease}.lightbox-overlay.is-open{display:grid;opacity:1}.lightbox-overlay img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 80px #0009;cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:#ffffff26;color:#fff;font-size:1.4rem;font-weight:700;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background var(--transition)}.lightbox-close:hover{background:#ffffff4d}