@layer components{.course-preview-modal{position:fixed;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;border:none;background:transparent;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1),overlay .4s cubic-bezier(.22,1,.36,1) allow-discrete,display .4s cubic-bezier(.22,1,.36,1) allow-discrete}.course-preview-modal[open]{opacity:1}@starting-style{.course-preview-modal[open]{opacity:0}}.course-preview-modal::backdrop{background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1),overlay .35s cubic-bezier(.22,1,.36,1) allow-discrete,display .35s cubic-bezier(.22,1,.36,1) allow-discrete}.course-preview-modal[open]::backdrop{opacity:1}@starting-style{.course-preview-modal[open]::backdrop{opacity:0}}.course-preview-modal-panel{--course-preview-panel-enter-offset: 100dvh;container-type:inline-size;width:min(100%,56rem);margin-block-start:min(10vh,3rem);margin-inline:auto;flex-shrink:0;border-radius:var(--radius-xl);background:var(--color-surface-elevated);box-shadow:0 -8px 60px #0006,0 -2px 20px #00000040;transform:translateY(var(--course-preview-panel-enter-offset));transition:transform .4s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;position:relative}.course-preview-modal[open] .course-preview-modal-panel{transform:translateY(0)}@starting-style{.course-preview-modal[open] .course-preview-modal-panel{transform:translateY(var(--course-preview-panel-enter-offset))}}.course-preview-modal-header{position:sticky;top:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:2}.course-preview-modal.is-closing{opacity:0;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.course-preview-modal.is-closing .course-preview-modal-panel{transform:translateY(var(--course-preview-panel-enter-offset));transition:transform .3s cubic-bezier(.55,0,1,.45)}.course-preview-modal.is-closing::backdrop{opacity:0;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.course-preview-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.course-preview-modal-close:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text)}.course-preview-modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.course-preview-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);padding:var(--space-lg) var(--space-xl) var(--space-xl);align-items:start}.course-preview-card-intro,.course-preview-card-overview{grid-column:1}.course-preview-card-media,.course-preview-card-curriculum{grid-column:2}.course-preview-card{display:grid;gap:var(--space-md)}.course-preview-title{font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.2;margin:0;color:var(--color-text)}.course-preview-description{margin:0;color:var(--color-neutral-300);font-size:var(--font-size-base);line-height:1.55}.course-preview-stats{display:flex;flex-wrap:wrap;gap:var(--space-md);margin:0;padding:0}.course-preview-stats li{display:inline-flex;align-items:center;gap:.4em;font-size:var(--font-size-sm);color:var(--color-neutral-400);font-weight:500}.course-preview-cta{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-block-start:var(--space-xs)}.course-preview-card-media{padding:0;overflow:hidden}.course-preview-card-overview{font-size:.92rem;line-height:1.7;color:var(--color-neutral-300)}.course-preview-card-overview p{margin-block:0 var(--space-sm)}.course-preview-card-overview p:last-child{margin-block-end:0}.course-preview-card-curriculum{gap:var(--space-sm)}.course-preview-curriculum-title{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--color-text)}.course-preview-card-curriculum .course-curriculum-list{gap:var(--space-xs)}.course-preview-card-curriculum .course-curriculum-item{padding:0;border:none;background:transparent}.course-preview-card-curriculum .course-curriculum-item-title{font-size:.8rem}.course-preview-card-curriculum .course-curriculum-item-meta{font-size:.75rem}.course-preview-card-curriculum .course-curriculum-section-toggle{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.course-preview-card-curriculum .course-curriculum-item-main{padding:var(--space-xs) var(--space-sm)}.course-preview-card-curriculum .course-curriculum-lecture-item{font-size:.8rem;padding-block:.3rem;padding-inline:var(--space-sm)}.course-preview-card-curriculum .course-curriculum-lecture-index,.course-preview-card-curriculum .course-curriculum-lecture-duration{font-size:.72rem}.course-preview-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:320px;color:var(--color-text-muted);font-size:var(--font-size-base)}.course-preview-modal-spinner{width:2rem;height:2rem;border-radius:var(--radius-full);border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:course-preview-spin .7s linear infinite}@keyframes course-preview-spin{to{transform:rotate(360deg)}}.course-preview-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:320px;color:var(--color-text-muted);font-size:var(--font-size-base);text-align:center;padding:var(--space-xl)}@container (max-width: 44rem){.course-preview-body{grid-template-columns:1fr;padding:var(--space-md) var(--space-md) var(--space-xl)}.course-preview-card-intro,.course-preview-card-media,.course-preview-card-overview,.course-preview-card-curriculum{grid-column:auto}}@media(max-width:768px){.course-preview-modal-panel{margin-block-start:0;min-height:100dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.course-preview-modal-header{padding-inline:var(--space-md)}}@media(max-width:480px){.course-preview-modal-panel{border-radius:var(--radius-lg)}}@media(prefers-reduced-motion:reduce){.course-preview-modal,.course-preview-modal::backdrop,.course-preview-modal-panel{transition:none}.course-preview-modal-spinner{animation:none}.course-preview-media-placeholder:after{animation:none}}}@layer overrides{.course-preview-modal .course-preview-card-curriculum .course-curriculum-item-title{font-size:.8rem}.course-preview-modal .course-preview-card-curriculum .course-curriculum-lecture-title{font-size:.75rem}}@layer components{.hero{--_header-h: calc(2 * var(--space-md) + 2.5rem);--_hero-nav-gap: clamp(2.25rem, 5vw, 4rem);position:relative;min-height:calc(100dvh - var(--page-section-space));display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block-start:calc(-1 * var(--_header-h));padding-block-start:calc(var(--_header-h) + var(--_hero-nav-gap));padding-block-end:var(--space-lg);overflow-x:clip}.hero:after{content:"";position:absolute;inset:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;pointer-events:none;mix-blend-mode:overlay}.hero-glow{position:absolute;top:50%;left:35%;width:clamp(600px,70vw,1100px);height:clamp(600px,70vw,1100px);transform:translate(-50%,-50%);background:radial-gradient(circle,oklch(from var(--color-primary) l c h / .1) 0%,oklch(from var(--color-primary) l c h / .03) 35%,transparent 60%);pointer-events:none;animation:hero-glow-breathe 8s ease-in-out infinite alternate}@keyframes hero-glow-breathe{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.08)}}.hero-content{--_hero-content-nav-gap: clamp(3.5rem, 6vw, 5.75rem);position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-3xl);margin-block-start:var(--_hero-content-nav-gap)}.hero-glass{position:absolute;inset:calc(-1 * var(--space-3xl));z-index:0;overflow:hidden;border:1px solid oklch(100% 0 0 / .045);border-radius:1.5rem;background:oklch(from var(--color-primary) 25% .025 h / .2);-webkit-backdrop-filter:blur(11px) saturate(1.08);backdrop-filter:blur(11px) saturate(1.08);box-shadow:0 5px 20px #00000026,inset 0 1px #ffffff0a,inset 3px -3px 14px -8px oklch(from var(--color-primary) l c h / .045);pointer-events:none;opacity:0;animation:hero-fade-up .8s cubic-bezier(.22,1,.36,1) .1s both}.hero-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,oklch(from var(--color-primary) 39% .075 h / .05) 0%,transparent 40%,transparent 60%,oklch(from var(--color-secondary) 33% .055 h / .04) 100%);pointer-events:none}.hero-glass:after{content:"";position:absolute;bottom:-2rem;left:-2rem;width:16rem;height:16rem;background:radial-gradient(circle at center,oklch(from var(--color-primary) l c h / .075) 0%,oklch(from var(--color-primary) l c h / .022) 40%,transparent 70%);border-radius:var(--radius-full);pointer-events:none;animation:hero-orb-breathe 8s ease-in-out infinite alternate}@keyframes hero-orb-breathe{0%{transform:scale(1)}to{transform:scale(1.06)}}@supports not (backdrop-filter: blur(1px)){.hero-glass{background:oklch(from var(--color-primary) 23% .025 h / .32)}}.hero-text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-lg);text-align:start}.hero-proof{display:flex;align-items:center;gap:var(--space-xs);font-size:.95rem;color:oklch(from var(--color-text) l c h / .55);opacity:0;animation:hero-fade-up .7s cubic-bezier(.22,1,.36,1) both}.hero-proof strong{color:var(--color-text);font-weight:700}.hero-proof svg{flex-shrink:0;color:var(--color-primary)}.hero-headline{font-size:clamp(3rem,7vw,5.5rem);line-height:1.1;letter-spacing:-.04em;padding-bottom:.05em;white-space:nowrap;background:linear-gradient(160deg,var(--color-text) 0%,var(--color-text) 40%,var(--color-primary) 70%,var(--color-secondary) 100%);background-size:200% 200%;background-position:0% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 40px oklch(from var(--color-primary) l c h / .15)) drop-shadow(0 0 80px oklch(from var(--color-primary) l c h / .08));animation:hero-fade-up .8s cubic-bezier(.22,1,.36,1) .15s both,hero-gradient-sweep 3s ease-in-out .95s infinite alternate both}@keyframes hero-gradient-sweep{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero-tagline{inline-size:100%;max-width:none;font-size:clamp(1.1rem,2.2vw,1.5rem);line-height:1.6;color:var(--color-neutral-300);text-wrap:balance;opacity:0;animation:hero-fade-up .7s cubic-bezier(.22,1,.36,1) .35s both}.hero-actions{display:flex;gap:var(--space-md);margin-block-start:var(--space-md);opacity:0;animation:hero-fade-up .7s cubic-bezier(.22,1,.36,1) .55s both}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.hero-mosaic{position:relative;width:100%;opacity:0;animation:hero-fade-up .8s cubic-bezier(.22,1,.36,1) .5s both}.hero-mosaic-glow{position:absolute;top:50%;left:50%;z-index:0;width:80%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,oklch(from var(--color-primary) l c h / .1) 0%,oklch(from var(--color-secondary) l c h / .04) 40%,transparent 70%);border-radius:var(--radius-full);pointer-events:none;animation:mosaic-glow-breathe 6s ease-in-out infinite alternate}@keyframes mosaic-glow-breathe{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.06)}}.hero-mosaic-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.hero-mosaic-cell{--_opacity: calc(1 - var(--cell-dist, 0) * .55);position:relative;opacity:var(--_opacity);transition:opacity var(--transition-base);animation:hero-fade-up .6s cubic-bezier(.22,1,.36,1) var(--cell-delay, .6s) both}.hero-mosaic-card{position:relative;display:block;overflow:hidden;width:100%;padding:0;font:inherit;text-align:start;cursor:pointer;border-radius:var(--radius-lg);border:1px solid oklch(from var(--color-primary) l c h / .12);background-color:var(--color-surface-elevated);aspect-ratio:4 / 3;box-shadow:0 4px 16px oklch(from var(--color-primary) 16% .06 h / .1),inset 0 1px oklch(from var(--color-neutral-100) l c h / .04);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.hero-mosaic-cell:hover .hero-mosaic-card{border-color:oklch(from var(--color-primary) l c h / .35);box-shadow:0 12px 40px oklch(from var(--color-primary) 16% .06 h / .25),inset 0 1px oklch(from var(--color-neutral-100) l c h / .06)}.hero-mosaic-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hero-mosaic-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.hero-mosaic-cell:hover .hero-mosaic-card-image{transform:scale(1.05)}.hero-mosaic-card:before{content:"";position:absolute;inset:-20%;z-index:1;background:linear-gradient(135deg,oklch(from var(--color-primary) 85% .14 h / .35) 0%,oklch(from var(--color-primary) 90% .08 h / .15) 25%,transparent 55%);pointer-events:none;mix-blend-mode:screen;transition:opacity var(--transition-base)}.hero-mosaic-cell:hover .hero-mosaic-card:before{opacity:.6}.hero-mosaic-card-fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface-hover))}.hero-mosaic-card-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,oklch(0% 0 0 / .8) 100%);pointer-events:none;transition:opacity var(--transition-base)}.hero-mosaic-cell:hover .hero-mosaic-card-scrim{opacity:.85}.hero-mosaic-card-label{position:absolute;inset-inline:0;inset-block-end:0;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:700;line-height:1.3;color:var(--color-neutral-100);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-mosaic-card-expand{position:absolute;top:var(--space-xs);right:var(--space-xs);z-index:3;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid oklch(from var(--color-primary) l c h / .4);border-radius:var(--radius-md);background:var(--color-primary);color:oklch(from var(--color-primary) 15% .02 h);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:scale(.9);transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);pointer-events:none}.hero-mosaic-cell:hover .hero-mosaic-card-expand,.hero-mosaic-cell:focus-within .hero-mosaic-card-expand{opacity:1;transform:scale(1);pointer-events:auto}.hero-mosaic-card-expand:hover{background:var(--color-primary-300);border-color:var(--color-primary);color:oklch(from var(--color-primary) 15% .02 h);transform:scale(1.1)}.hero-mosaic-card-expand:focus-visible{opacity:1;transform:scale(1);outline:2px solid var(--color-primary);outline-offset:2px}.hero-mosaic-card--all-courses{display:block;text-decoration:none;color:inherit;background:linear-gradient(160deg,var(--color-surface-elevated),var(--color-surface-hover))}.hero-mosaic-card--all-courses:before{display:none}.hero-mosaic-all-courses-svg{position:absolute;inset:0;width:100%;height:100%;padding:12%;transition:transform var(--transition-base)}.hero-mosaic-cell:hover .hero-mosaic-all-courses-svg{transform:scale(1.05)}.hero-mosaic-all-courses-card{animation:mosaic-all-float 3s ease-in-out infinite alternate}@keyframes mosaic-all-float{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.customer-proof{position:relative;z-index:2;width:100%;margin-block-start:var(--space-3xl);padding-block:var(--space-md) var(--space-lg);opacity:0;animation:customer-proof-fade-in .8s cubic-bezier(.22,1,.36,1) .7s both}.customer-proof-inner{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.customer-proof-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:oklch(from var(--color-text) l c h / .35);white-space:nowrap;flex-shrink:0}.customer-proof-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md)}.customer-proof-item{font-size:.85rem;font-weight:600;letter-spacing:.02em;color:oklch(from var(--color-text) l c h / .4);white-space:nowrap;flex-shrink:0;transition:color .3s ease}.customer-proof-item+.customer-proof-item:before{content:"·";margin-inline-end:var(--space-md);font-weight:300;font-size:1.1em;color:oklch(from var(--color-text) l c h / .2)}.customer-proof-item:hover{color:oklch(from var(--color-text) l c h / .7)}@keyframes customer-proof-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:1200px){.hero-glass{display:none}.customer-proof-inner{flex-direction:column;gap:var(--space-sm)}.customer-proof-list{gap:var(--space-sm)}.customer-proof-item+.customer-proof-item:before{margin-inline-end:var(--space-sm)}}@media(max-width:1024px){.hero{min-height:auto;margin-block-start:0;padding-block-start:var(--space-2xl);padding-block-end:var(--space-xl)}.hero-glow{width:min(34rem,90vw);height:min(34rem,90vw);top:42%;left:50%}.hero-content{grid-template-columns:1fr;gap:var(--space-xl);margin-block-start:0}.hero-text{align-items:center;text-align:center}.hero-headline{white-space:normal;font-size:clamp(2.75rem,10vw,4.75rem)}.hero-tagline{max-width:34rem}}@media(max-width:768px){.hero-actions{max-width:none;width:100%;flex-wrap:wrap;justify-content:center}}@media(max-width:640px){.hero{padding-block-start:var(--space-xl)}.hero-proof{font-size:.875rem}.hero-actions{gap:var(--space-sm)}.hero-mosaic-grid{gap:var(--space-xs)}.hero-mosaic-card-label{font-size:.8125rem}}@media(max-width:480px){.hero-headline{font-size:clamp(2rem,12vw,2.8rem)}.hero-tagline{font-size:.9375rem}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{min-width:15rem;padding-block:.875rem;font-size:.9375rem}.customer-proof-item{font-size:.75rem}.customer-proof-list{gap:var(--space-xs)}.customer-proof-item+.customer-proof-item:before{margin-inline-end:var(--space-xs)}}@media(prefers-reduced-motion:reduce){.hero-mosaic,.customer-proof{opacity:1;animation:none}.hero-mosaic-glow,.hero-mosaic-cell,.hero-mosaic-all-courses-card{animation:none}.hero-mosaic-card,.hero-mosaic-card-image,.hero-mosaic-all-courses-svg,.customer-proof-item{transition:none}}}@layer components{#home-learning{scroll-margin-top:6.5rem}.learning-paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);width:100%;max-width:900px}.learning-path-card{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-2xl) var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:oklch(24% .018 var(--color-primary-h));box-shadow:inset 0 1px oklch(from var(--color-neutral-100) l c h / .06);text-align:start;overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.learning-path-card:hover{border-color:oklch(from var(--color-primary) l c h / .35);box-shadow:0 12px 40px oklch(from var(--color-primary) 16% .06 h / .22),inset 0 1px oklch(from var(--color-neutral-100) l c h / .06);transform:translateY(-4px)}.learning-path-card--featured{border-color:oklch(from var(--color-primary) l c h / .35);background:linear-gradient(165deg,oklch(from var(--color-primary) l c h / .08),oklch(24% .018 var(--color-primary-h)) 40%,oklch(from var(--color-secondary) l c h / .06))}.learning-path-card--featured:hover{border-color:oklch(from var(--color-primary) l c h / .5);box-shadow:0 16px 48px oklch(from var(--color-primary) 16% .06 h / .28),0 0 0 1px oklch(from var(--color-primary) l c h / .12)}.lp-card-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);z-index:0}.lp-card-orb--1{width:160px;height:160px;top:-40px;right:-20px;background:oklch(from var(--color-primary) l c h / .08)}.lp-card-orb--2{width:120px;height:120px;bottom:-20px;left:-12px;background:oklch(from var(--color-secondary) l c h / .06)}.learning-path-card .badge{position:absolute;top:var(--space-md);right:var(--space-md);z-index:2}.learning-path-card h3{position:relative;z-index:1;font-size:1.25rem}.learning-path-card--featured h3{background:linear-gradient(135deg,oklch(from var(--color-primary) 85% c h),oklch(from var(--color-secondary) 82% c h));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.learning-path-card .btn{position:relative;z-index:1;margin-block-start:auto;align-self:flex-start}.learning-path-art{position:relative;z-index:1;width:100%;height:auto;margin-block-end:var(--space-sm)}.lp-grid-thumb{animation:lp-float 3s ease-in-out infinite}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.lp-infinity-line{stroke-dasharray:8 6;animation:lp-dash 4s linear infinite}@keyframes lp-dash{to{stroke-dashoffset:-56}}.lp-spotlight{animation:lp-spotlight-pulse 3s ease-in-out infinite}@keyframes lp-spotlight-pulse{0%,to{opacity:.06}50%{opacity:.12}}.learning-path-card:hover .lp-hero-card{stroke-opacity:.28}.learning-path-benefits{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-xs);margin-block:var(--space-sm);flex-grow:1}.learning-path-benefits li{display:flex;align-items:baseline;gap:var(--space-xs);font-size:.9375rem;color:var(--color-text-muted);line-height:1.55}.learning-path-benefits li:before{content:"✓";flex-shrink:0;font-weight:700;font-size:.8125rem;color:oklch(from var(--color-primary) l c h / .7)}.learning-path-benefits--featured li{color:var(--color-text)}.learning-path-benefits--featured li:before{color:oklch(from var(--color-primary) 78% c h)}.reveal>.container>.learning-paths-grid{opacity:0;transform:translateY(1rem);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal.is-visible>.container>.learning-paths-grid{opacity:1;transform:translateY(0);transition-delay:.3s}@media(prefers-reduced-motion:reduce){.learning-path-card{transition:none}.lp-grid-thumb,.lp-infinity-line,.lp-spotlight{animation:none}.reveal>.container>.learning-paths-grid{opacity:1;transform:none;transition:none}}@media(max-width:1024px){.learning-paths-grid{grid-template-columns:1fr;max-width:25rem}}@media(max-width:640px){#home-learning{scroll-margin-top:8rem}.learning-path-card{padding:var(--space-xl) var(--space-lg)}}}@layer components{.skills-now-shell{display:flex;flex-direction:column;align-items:center;gap:clamp(var(--space-xl),5vw,4.5rem);width:100%;max-width:1080px;margin-inline:auto;text-align:center}.skills-now-visual{display:flex;justify-content:center;width:100%}.skills-now-orbit{position:relative;width:min(420px,75vw);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.skills-now-orbit:before{content:"";position:absolute;width:60%;height:60%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,oklch(from var(--color-primary) l c h / .12) 0%,oklch(from var(--color-primary) l c h / .04) 50%,transparent 70%);border-radius:var(--radius-full);pointer-events:none}.skills-now-figure{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.skills-now-image{width:65%;height:auto;filter:drop-shadow(0 16px 40px oklch(from var(--color-primary) 15% .08 h / .3))}.skills-now-ring{position:absolute;inset:0;border:1px solid oklch(from var(--color-primary) l c h / .12);border-radius:var(--radius-full)}.skills-now-ring:before{content:"";position:absolute;inset:-1px;border-radius:var(--radius-full);border:2px solid transparent;border-top-color:oklch(from var(--color-primary) l c h / .35);border-right-color:oklch(from var(--color-primary) l c h / .15);transform:rotate(var(--orbit-angle, 0deg));will-change:transform;pointer-events:none}.skills-now-ring-dot{position:absolute;width:1rem;height:1rem;-webkit-appearance:none;appearance:none;border:2px solid oklch(from var(--color-primary) l c h / .4);border-radius:var(--radius-full);background:oklch(from var(--color-surface-elevated) l c h / .9);box-shadow:0 0 12px oklch(from var(--color-primary) l c h / .15);transform:translate(-50%,-50%);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);cursor:pointer;z-index:2;padding:0}.skills-now-ring-dot[data-ring-index="1"]{top:0%;left:50%}.skills-now-ring-dot[data-ring-index="2"]{top:78%;left:98%}.skills-now-ring-dot[data-ring-index="3"]{top:78%;left:2%}.skills-now-ring-dot[data-active=true]{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 18px oklch(from var(--color-primary) l c h / .45);transform:translate(-50%,-50%) scale(1.35)}.skills-now-ring-dot:is(:hover,:focus-visible){border-color:oklch(from var(--color-primary) l c h / .7);box-shadow:0 0 16px oklch(from var(--color-primary) l c h / .3);transform:translate(-50%,-50%) scale(1.2)}.skills-now-ring-dot:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.skills-now-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);width:100%;margin:0;padding:0}.skills-now-card{display:flex;flex-direction:column;gap:.42rem;height:100%;padding:clamp(var(--space-md),2.2vw,var(--space-lg));border:1px solid oklch(from var(--color-primary) l c h / .14);border-radius:var(--radius-xl, 1.25rem);background:linear-gradient(165deg,oklch(from var(--color-surface-elevated) l c h / .94),oklch(from var(--color-surface-elevated) l c h / .82));box-shadow:inset 0 1px oklch(from var(--color-neutral-100) l c h / .04),0 8px 24px oklch(from var(--color-text) l c h / .06);text-align:start;cursor:pointer;transition:border-color .32s ease,box-shadow .32s ease}.skills-now-card[data-active=true]{border-color:oklch(from var(--color-primary) l c h / .4);background:linear-gradient(165deg,oklch(from var(--color-surface-elevated) l c h / .98),oklch(from var(--color-surface-elevated) l c h / .88));box-shadow:inset 0 1px oklch(from var(--color-primary) l c h / .08),0 14px 36px oklch(from var(--color-primary) 16% .08 h / .18)}.skills-now-card-title{font-size:clamp(1.08rem,1.45vw,1.28rem);line-height:1.22;letter-spacing:-.015em;color:var(--color-text);margin:0}.skills-now-card-body{font-size:.91rem;line-height:1.53;color:var(--color-text-muted);margin:0;text-wrap:pretty}.skills-now-card-list{display:grid;gap:var(--space-xs);align-content:start;margin:0;padding:0}.skills-now-card-list-item{position:relative;padding-inline-start:1.25rem;color:var(--color-text);font-size:.875rem;line-height:1.5}.skills-now-card-list-item:before{content:"";position:absolute;left:0;top:.55em;width:.4rem;height:.4rem;border-radius:var(--radius-full);background:oklch(from var(--color-primary) l c h / .85)}.skills-now-card-outcome{margin:auto 0 0;padding-top:var(--space-sm);font-size:.8125rem;font-weight:500;color:var(--color-text-muted);line-height:1.45;border-top:1px solid oklch(from var(--color-primary) l c h / .12)}.skills-now-card-outcome strong{color:var(--color-text)}.skills-now-cta{align-self:center;min-width:clamp(15rem,28vw,19rem)}@media(prefers-reduced-motion:reduce){.skills-now-ring:before{transform:none}.skills-now-ring-dot,.skills-now-card{transition:none}}@media(max-width:768px){.skills-now-orbit{width:min(320px,80vw)}.skills-now-ring-dot{width:.85rem;height:.85rem}}@media(max-width:1024px){.skills-now-cards{grid-template-columns:1fr;max-width:31rem}}@media(max-width:640px){.skills-now-cards{grid-template-columns:1fr}.skills-now-card{padding:var(--space-lg) var(--space-md)}.skills-now-card-title{font-size:1.1rem}}}