.skills-hero:where(.astro-ix4w7thc){position:relative;overflow:hidden;padding-top:clamp(4rem,10vw,8rem);padding-bottom:clamp(4rem,10vw,8rem)}html[data-theme=light] .skills-hero:where(.astro-ix4w7thc),:root[data-theme=light] .skills-hero:where(.astro-ix4w7thc){background:linear-gradient(135deg,#fff,#fafafa,#fff)}html[data-theme=light] .skills-hero:where(.astro-ix4w7thc):before,:root[data-theme=light] .skills-hero:where(.astro-ix4w7thc):before{content:"";position:absolute;top:-30%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,color-mix(in srgb,var(--color-lightmode-primary) 12%,transparent) 0%,color-mix(in srgb,var(--color-lightmode-primary) 4%,transparent) 50%,transparent 100%);border-radius:50%;pointer-events:none;z-index:0}html[data-theme=light] .skills-hero:where(.astro-ix4w7thc):after,:root[data-theme=light] .skills-hero:where(.astro-ix4w7thc):after{content:"";position:absolute;bottom:-20%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--color-lightmode-primary) 10%,transparent) 0%,color-mix(in srgb,var(--color-lightmode-primary) 3%,transparent) 50%,transparent 100%);border-radius:50%;pointer-events:none;z-index:0}.hero__inner:where(.astro-ix4w7thc){position:relative;z-index:1}.hero__content:where(.astro-ix4w7thc){max-width:900px;margin:0 auto;text-align:center}.hero-headline:where(.astro-ix4w7thc){font-size:3.5rem;line-height:1.1;letter-spacing:-2px;font-weight:700;margin-bottom:1.5rem;color:var(--sl-color-white);white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}.hero-subheadline:where(.astro-ix4w7thc){font-size:1.375rem;line-height:1.6;color:var(--sl-color-gray-2);margin-bottom:1.5rem}html[data-theme=light] .hero-subheadline:where(.astro-ix4w7thc),:root[data-theme=light] .hero-subheadline:where(.astro-ix4w7thc){color:var(--sl-color-gray-4)}.hero-supporting:where(.astro-ix4w7thc){font-size:1.125rem;line-height:1.6;color:var(--sl-color-gray-3);margin-bottom:0}@media(max-width:768px){.skills-hero:where(.astro-ix4w7thc){padding-top:3rem;padding-bottom:3rem}.hero-headline:where(.astro-ix4w7thc){font-size:2.5rem;line-height:1.2;letter-spacing:-1.5px;white-space:normal}.hero-subheadline:where(.astro-ix4w7thc){font-size:1.125rem}.hero-supporting:where(.astro-ix4w7thc){font-size:1rem}}@media(max-width:520px){.hero-headline:where(.astro-ix4w7thc){font-size:2rem;line-height:1.2;letter-spacing:-1px}.hero-subheadline:where(.astro-ix4w7thc){font-size:1rem}}.skills-grid-section:where(.astro-3cybaxim){background-color:color-mix(in srgb,var(--sl-color-gray-6) 30%,transparent);padding-top:4rem}.skills-content:where(.astro-3cybaxim){max-width:900px;width:100%;margin:0 auto;box-sizing:border-box;padding:0 1rem}.skills-grid:where(.astro-3cybaxim){display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.skill-card:where(.astro-3cybaxim){display:flex;flex-direction:column;border-radius:1rem;position:relative;transition:all .3s ease;border:1px solid var(--sl-color-gray-6);padding:2rem 1.5rem;width:100%;max-width:100%;box-sizing:border-box;min-width:0;text-decoration:none}.skill-card:where(.astro-3cybaxim).skill-available{cursor:pointer}.skill-card:where(.astro-3cybaxim).skill-available:hover{transform:translateY(-2px)}.skill-available:where(.astro-3cybaxim):before{content:"";position:absolute;inset:0;padding:1px;background:var(--color-primary-gradient);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s ease}.skill-available:where(.astro-3cybaxim):hover:before{opacity:1}.skill-coming-soon:where(.astro-3cybaxim){opacity:.7;cursor:not-allowed}.skill-header:where(.astro-3cybaxim){display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.skill-name:where(.astro-3cybaxim){font-size:1.25rem;font-weight:600;color:var(--sl-color-white);margin:0}.skill-category:where(.astro-3cybaxim){font-size:.75rem;padding:.375rem .875rem;background:linear-gradient(135deg,color-mix(in srgb,var(--sl-color-gray-5) 60%,transparent),color-mix(in srgb,var(--sl-color-gray-6) 40%,transparent));color:var(--sl-color-gray-2);border-radius:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid color-mix(in srgb,var(--sl-color-gray-5) 50%,transparent);white-space:nowrap}.skill-tagline:where(.astro-3cybaxim){font-size:1rem;line-height:1.5;color:var(--sl-color-gray-2);margin:0 0 auto;flex-grow:1}.skill-arrow:where(.astro-3cybaxim){margin-top:1.5rem}@media(max-width:900px){.skills-grid:where(.astro-3cybaxim){grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.skills-content:where(.astro-3cybaxim){padding:0 .5rem}.skills-grid:where(.astro-3cybaxim){grid-template-columns:1fr;gap:1.5rem}.skill-card:where(.astro-3cybaxim){padding:2rem 1.5rem}}@media(max-width:480px){.skills-content:where(.astro-3cybaxim){padding:0 .25rem}.skill-card:where(.astro-3cybaxim){padding:1.5rem 1.25rem}}@layer starlight.core{html,body{overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:0}body{position:relative}.landing-page:where(.astro-xahix5fp){min-height:100vh;display:flex;flex-direction:column;position:relative;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.doc-bg:where(.astro-xahix5fp){width:100%;overflow:hidden}.doc-bg:where(.astro-xahix5fp) img:where(.astro-xahix5fp){width:100%}.header:where(.astro-xahix5fp){z-index:var(--sl-z-index-navbar);position:sticky;inset-inline-start:0;inset-block-start:0;width:100%;max-width:100vw;overflow-x:hidden;border-bottom:1px solid color-mix(in srgb,var(--sl-color-white) 10%,transparent);padding:var(--sl-nav-pad-y) 0px;box-sizing:border-box}@media(max-width:800px){.header:where(.astro-xahix5fp){background-color:var(--sl-color-black);padding:6px var(--sl-nav-pad-x)}}.landing-main:where(.astro-xahix5fp){flex:1;position:relative;z-index:1;width:100%;overflow-x:hidden}.main-frame:where(.astro-xahix5fp){width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}footer:where(.astro-xahix5fp){width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;position:relative}}