@layer tokens{:root{--bg-deep:oklch(5% 0 0);--bg-surface:oklch(9% 0 0);--bg-elevated:oklch(11% 0 0);--bg-panel:oklch(13% 0 0);--primary-h:15;--primary-bright:oklch(70% .22 var(--primary-h));--primary-mid:oklch(58% .22 var(--primary-h));--primary-dark:oklch(46% .18 var(--primary-h));--primary-dim:oklch(28% .1 var(--primary-h));--secondary-h:185;--secondary-bright:oklch(72% .14 var(--secondary-h));--secondary-mid:oklch(60% .12 var(--secondary-h));--secondary-dark:oklch(48% .1 var(--secondary-h));--secondary-dim:oklch(28% .06 var(--secondary-h));--tertiary-h:270;--tertiary-bright:oklch(68% .16 var(--tertiary-h));--tertiary-mid:oklch(56% .14 var(--tertiary-h));--tertiary-dark:oklch(44% .12 var(--tertiary-h));--color-success:oklch(75% .14 165);--color-warning:oklch(72% .18 60);--color-error:oklch(68% .2 25);--color-info:oklch(72% .13 230);--text-primary:#f1f5fc;--text-secondary:#94a6be;--text-muted:#798898;--text-inverse:#fff;--border-subtle:color-mix(in oklch, var(--text-secondary) 16%, transparent);--border-strong:color-mix(in oklch, var(--text-primary) 12%, transparent);--border-accent:color-mix(in oklch, var(--primary-bright) 40%, transparent);--glow-primary:color-mix(in oklch, var(--primary-bright) 15%, transparent);--glow-secondary:color-mix(in oklch, var(--secondary-bright) 10%, transparent);--glow-tertiary:color-mix(in oklch, var(--tertiary-bright) 8%, transparent);--bg-glass:color-mix(in oklch, var(--bg-panel) 72%, transparent);--bg-overlay:color-mix(in oklch, var(--bg-deep) 72%, transparent);--font-display:var(--font-geist,"Inter", system-ui, -apple-system, sans-serif);--font-body:var(--font-geist,"Inter", system-ui, -apple-system, sans-serif);--font-mono:var(--font-jetbrains-mono,"JetBrains Mono", "SF Mono", monospace);--font-article:var(--font-geist,"Inter", system-ui, -apple-system, sans-serif);--font-logo:var(--font-boldonse,"Helvetica Neue", Arial, sans-serif);--text-xs:clamp(.7rem, .65rem + .25vw, .75rem);--text-sm:clamp(.8rem, .75rem + .25vw, .875rem);--text-base:clamp(.95rem, .9rem + .25vw, 1rem);--text-lg:clamp(1.05rem, 1rem + .25vw, 1.125rem);--text-xl:clamp(1.15rem, 1.1rem + .25vw, 1.25rem);--text-2xl:clamp(1.35rem, 1.25rem + .5vw, 1.5rem);--text-3xl:clamp(1.65rem, 1.5rem + .75vw, 1.875rem);--text-4xl:clamp(2rem, 1.75rem + 1.25vw, 2.25rem);--text-5xl:clamp(2.5rem, 2rem + 2.5vw, 3rem);--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--tracking-tight:-.03em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--tracking-widest:.15em;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.625rem;--radius-2xl:.75rem;--radius-3xl:.875rem;--radius-full:9999px;--shadow-xs:0 1px 2px color-mix(in oklch, var(--bg-deep) 30%, transparent);--shadow-sm:0 2px 4px color-mix(in oklch, var(--bg-deep) 30%, transparent);--shadow-md:0 8px 20px color-mix(in oklch, var(--bg-deep) 35%, transparent);--shadow-lg:0 18px 40px color-mix(in oklch, var(--bg-deep) 45%, transparent);--shadow-xl:0 30px 60px color-mix(in oklch, var(--bg-deep) 55%, transparent);--shadow-2xl:0 40px 80px color-mix(in oklch, var(--bg-deep) 65%, transparent);--shadow-inner:inset 0 1px 0 color-mix(in oklch, var(--text-primary) 4%, transparent);--shadow-inner-lg:inset 0 2px 4px color-mix(in oklch, var(--bg-deep) 15%, transparent);--shadow-glow-primary:0 0 45px var(--glow-primary);--shadow-glow-secondary:0 0 45px var(--glow-secondary);--shadow-glow-tertiary:0 0 45px var(--glow-tertiary);--ring-primary:0 0 0 3px var(--glow-primary);--ring-secondary:0 0 0 3px var(--glow-secondary);--ring-tertiary:0 0 0 3px var(--glow-tertiary);--ring-offset:0 0 0 2px var(--bg-deep);--duration-instant:0s;--duration-fast:.15s;--duration-base:.24s;--duration-slow:.36s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic:cubic-bezier(.5, 1.5, .5, 1);--transition-fast:var(--duration-fast) var(--ease-out);--transition-base:var(--duration-base) var(--ease-in-out);--transition-slow:var(--duration-slow) var(--ease-in-out);--z-base:0;--z-below:-1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--float-distance:-8px;--float-duration:4s;--pulse-scale-min:.95;--pulse-scale-max:1.05;--pulse-duration:2s;--rotate-degrees:360deg;--rotate-duration:20s;--gradient-claw:linear-gradient(135deg, var(--primary-bright) 0%, var(--secondary-bright) 100%);--gradient-nebula:linear-gradient(135deg, color-mix(in oklch, var(--primary-dark) 40%, var(--bg-deep)) 0%, var(--bg-deep) 40%, color-mix(in oklch, var(--secondary-dark) 50%, var(--bg-deep)) 70%, color-mix(in oklch, var(--tertiary-dark) 30%, var(--bg-deep)) 100%);--gradient-midnight:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-deep) 100%);--gradient-primary:linear-gradient(135deg, var(--primary-bright) 0%, var(--primary-dark) 100%);--gradient-secondary:linear-gradient(135deg, var(--secondary-bright) 0%, var(--secondary-dark) 100%);--gradient-text:linear-gradient(90deg, var(--primary-bright) 0%, var(--secondary-bright) 100%)}[data-theme=light]{--bg-deep:#f6f7fb;--bg-surface:#eef0f7;--bg-elevated:#fff;--bg-panel:#fafbfe;--primary-bright:oklch(52% .22 var(--primary-h));--primary-mid:oklch(44% .2 var(--primary-h));--primary-dark:oklch(36% .16 var(--primary-h));--primary-dim:oklch(94% .05 var(--primary-h));--secondary-bright:oklch(46% .14 var(--secondary-h));--secondary-mid:oklch(38% .12 var(--secondary-h));--secondary-dark:oklch(32% .1 var(--secondary-h));--secondary-dim:oklch(92% .04 var(--secondary-h));--tertiary-bright:oklch(48% .16 var(--tertiary-h));--tertiary-mid:oklch(40% .14 var(--tertiary-h));--tertiary-dark:oklch(34% .12 var(--tertiary-h));--color-success:oklch(45% .16 165);--color-warning:oklch(55% .18 55);--color-error:oklch(48% .2 25);--color-info:oklch(48% .14 230);--text-primary:#1a2033;--text-secondary:#3d4a62;--text-muted:#5c6a84;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-accent:color-mix(in oklch, var(--primary-bright) 35%, transparent);--glow-primary:color-mix(in oklch, var(--primary-bright) 10%, transparent);--glow-secondary:color-mix(in oklch, var(--secondary-bright) 8%, transparent);--glow-tertiary:color-mix(in oklch, var(--tertiary-bright) 6%, transparent);--bg-glass:color-mix(in oklch, var(--bg-panel) 85%, transparent);--bg-overlay:color-mix(in oklch, var(--bg-deep) 75%, transparent);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 8px 20px #0000000f;--shadow-lg:0 18px 40px #00000014;--shadow-xl:0 30px 60px #0000001a;--shadow-2xl:0 40px 80px #0000001f;--shadow-inner:inset 0 1px 0 #fff9;--shadow-inner-lg:inset 0 2px 4px #0000000a;--shadow-glow-primary:0 0 30px var(--glow-primary);--shadow-glow-secondary:0 0 30px var(--glow-secondary);--shadow-glow-tertiary:0 0 30px var(--glow-tertiary);--ring-primary:0 0 0 3px var(--glow-primary);--ring-secondary:0 0 0 3px var(--glow-secondary);--ring-tertiary:0 0 0 3px var(--glow-tertiary);--ring-offset:0 0 0 2px var(--bg-deep)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-slower:0s;--float-duration:0s;--pulse-duration:0s;--rotate-duration:0s}}}@layer animations{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--fade-distance,20px))}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(var(--fade-distance,-20px))}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(var(--fade-distance,-20px))}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(var(--fade-distance,20px))}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(var(--scale-start,.9))}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(var(--float-start,0))}50%{transform:translateY(var(--float-end,var(--float-distance,-8px)))}}@keyframes pulse{0%,to{transform:scale(var(--pulse-scale-min,1));opacity:1}50%{transform:scale(var(--pulse-scale-max,1.05));opacity:.9}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(var(--rotate-degrees,360deg))}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(var(--bounce-height,-10px))}}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:var(--blink-opacity,.3)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(var(--wiggle-angle,-3deg))}75%{transform:rotate(var(--wiggle-angle-inverse,3deg))}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translateX(var(--shake-distance,-2px))}75%{transform:translateX(var(--shake-distance-inverse,2px))}}@keyframes clawSnap{0%,85%,to{transform:rotate(0)}90%{transform:rotate(var(--snap-angle,-8deg))}95%{transform:rotate(0)}}@keyframes clawGrip{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(var(--grip-scale,.95)) rotate(var(--grip-angle,-2deg))}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes gradientRotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes twinkle{0%{opacity:var(--twinkle-min,.4)}to{opacity:var(--twinkle-max,.7)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-base) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-base) var(--ease-out) both}.animate-fade-in-left{animation:fadeInLeft var(--duration-base) var(--ease-out) both}.animate-fade-in-right{animation:fadeInRight var(--duration-base) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-base) var(--ease-out) both}.animate-float{animation:float var(--float-duration) ease-in-out infinite;will-change:transform}.animate-pulse{animation:pulse var(--pulse-duration) ease-in-out infinite;will-change:transform, opacity}.animate-spin{animation:spin var(--rotate-duration) linear infinite;will-change:transform}.animate-bounce{animation:bounce var(--duration-slow) ease-in-out infinite;will-change:transform}.animate-blink{will-change:opacity;animation:3s ease-in-out infinite blink}.animate-wiggle{will-change:transform;animation:2s ease-in-out infinite wiggle}.animate-shake{will-change:transform;animation:.1s ease-in-out infinite shake}.animate-gradient-shift{will-change:background-position;background-size:200% 200%;animation:6s infinite gradientShift}.animate-gradient-rotate{will-change:filter;animation:10s linear infinite gradientRotate}.animate-twinkle{will-change:opacity;animation:8s ease-in-out infinite alternate twinkle}.animate-shimmer{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--text-primary) 15%, transparent), transparent);will-change:background-position;background-size:200% 100%;animation:2s linear infinite shimmer}.animate-faster{animation-duration:calc(var(--duration-base) * .5)}.animate-slower{animation-duration:calc(var(--duration-base) * 1.5)}.animate-delay-1{animation-delay:.15s}.animate-delay-2{animation-delay:.3s}.animate-delay-3{animation-delay:.45s}.animate-delay-4{animation-delay:.6s}.animate-delay-5{animation-delay:.75s}.animate-paused{animation-play-state:paused}.animate-running{animation-play-state:running}.animate-pause-on-hover:hover,.animate-pause-on-hover:focus-within,.animate-play-on-hover{animation-play-state:paused}.animate-play-on-hover:hover,.animate-play-on-hover:focus{animation-play-state:running}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-float,.animate-pulse,.animate-spin,.animate-bounce,.animate-blink,.animate-wiggle,.animate-shake,.animate-gradient-shift,.animate-gradient-rotate,.animate-twinkle,.animate-shimmer{will-change:auto}}[class*=animate-]{contain:layout style paint}.animate-float,.animate-pulse,.animate-bounce{backface-visibility:hidden;transform:translateZ(0)}}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;margin:0;padding:0}ol,ul{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}input,textarea,select,button{font:inherit;color:inherit}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea,button,[type=button],[type=reset],[type=submit]{appearance:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}}@layer base{html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-deep);min-height:100dvh;overflow-x:hidden}::selection{background:var(--primary-bright);color:var(--text-inverse);text-shadow:none}::selection{background:var(--primary-bright);color:var(--text-inverse);text-shadow:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}:focus{outline:none}:focus-visible{outline:3px solid var(--secondary-bright);outline-offset:2px;border-radius:var(--radius-sm)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--secondary-bright);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl);margin-bottom:var(--space-4)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}small{font-size:var(--text-sm)}strong,b{font-weight:var(--font-bold)}em,i{font-style:italic}code,kbd,samp,pre{font-family:var(--font-mono)}a{color:var(--primary-bright);transition:color var(--transition-fast)}a:hover{color:var(--secondary-bright)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-panel) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-panel) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-panel) inset;transition:background-color 5000s ease-in-out}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-to-main{padding:var(--space-4);background:var(--bg-panel);color:var(--text-primary);z-index:var(--z-max);position:absolute;top:-100%;left:0}.skip-to-main:focus{top:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border-subtle:var(--border-strong)}}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}}@layer components{.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);background:var(--btn-bg,var(--bg-glass));color:var(--btn-color,var(--text-primary));font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm), var(--shadow-inner);transition:all var(--transition-base);will-change:transform;contain:layout style paint;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:after{content:"";opacity:0;background:linear-gradient(135deg, color-mix(in oklch, var(--text-primary) 12%, transparent) 0%, color-mix(in oklch, var(--text-primary) 0%, transparent) 60%);transition:opacity var(--transition-fast);pointer-events:none;border-radius:inherit;position:absolute;inset:0}.btn:hover{transform:translateY(-1px)}.btn:hover:after{opacity:1}.btn:active{transform:translateY(0)scale(.98)}.btn:focus-visible{box-shadow:var(--ring-primary), var(--shadow-sm)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{--btn-bg:var(--gradient-primary);--btn-color:var(--text-inverse);border-color:color-mix(in oklch, var(--primary-mid) 40%, transparent);box-shadow:var(--shadow-md), var(--shadow-glow-primary)}.btn-primary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-primary);transform:translateY(-2px)}.btn-secondary{--btn-bg:var(--gradient-secondary);--btn-color:var(--text-inverse);border-color:color-mix(in oklch, var(--secondary-mid) 45%, transparent);box-shadow:var(--shadow-md), var(--shadow-glow-secondary)}.btn-secondary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-secondary);transform:translateY(-2px)}.btn-outline{--btn-bg:transparent;border-color:var(--border-subtle)}.btn-outline:hover{border-color:var(--primary-bright);background:color-mix(in oklch, var(--primary-bright) 12%, transparent)}.btn-ghost{--btn-bg:transparent;--btn-color:var(--text-secondary);box-shadow:none;border-color:#0000}.btn-ghost:hover{color:var(--primary-bright);background:color-mix(in oklch, var(--primary-bright) 10%, transparent)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);gap:var(--space-1-5)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);gap:var(--space-3)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl);gap:var(--space-4)}.btn-group{gap:var(--space-2);display:inline-flex}.card{padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--card-bg,var(--bg-glass));-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), border-color var(--transition-fast), box-shadow var(--transition-base);color:inherit;contain:layout style paint;text-decoration:none;display:block;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(180deg, color-mix(in oklch, var(--text-primary) 6%, transparent), transparent 55%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;position:absolute;inset:0}.card:hover{border-color:color-mix(in oklch, var(--primary-bright) 35%, transparent);box-shadow:var(--shadow-lg), var(--shadow-glow-primary);transform:translateY(-4px)}.card:hover:before{opacity:1}.card-elevated{--card-bg:color-mix(in oklch, var(--bg-panel) 80%, transparent);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-compact{padding:var(--space-4)}.card-spacious{padding:var(--space-8)}.input,.textarea,.select{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-panel) 85%, transparent);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);box-shadow:var(--shadow-inner);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-base);outline:none}.input:focus,.textarea:focus,.select:focus{border-color:color-mix(in oklch, var(--primary-bright) 45%, transparent);box-shadow:var(--ring-primary);background:color-mix(in oklch, var(--bg-panel) 70%, transparent)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.5;cursor:not-allowed;background:color-mix(in oklch, var(--bg-panel) 50%, transparent)}.textarea{resize:vertical;min-height:140px;line-height:var(--leading-relaxed)}.field-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.toggle{border-radius:var(--radius-full);background:color-mix(in oklch, var(--bg-panel) 85%, transparent);border:1px solid var(--border-subtle);cursor:pointer;width:44px;height:24px;transition:background var(--transition-fast), border-color var(--transition-fast);position:relative}.toggle:after{content:"";border-radius:var(--radius-full);background:var(--text-primary);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), background var(--transition-fast);position:absolute;top:3px;left:3px}.toggle[data-state=on],.toggle.is-on{background:color-mix(in oklch, var(--secondary-bright) 25%, transparent);border-color:color-mix(in oklch, var(--secondary-bright) 45%, transparent)}.toggle[data-state=on]:after,.toggle.is-on:after{background:var(--secondary-bright);transform:translate(20px)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:color-mix(in oklch, var(--bg-panel) 85%, transparent);border:1px solid var(--border-subtle);align-items:center;display:inline-flex}.badge-primary{background:color-mix(in oklch, var(--primary-bright) 40%, transparent);border-color:color-mix(in oklch, var(--primary-bright) 45%, transparent);color:var(--text-inverse)}.badge-secondary{background:color-mix(in oklch, var(--secondary-bright) 35%, transparent);border-color:color-mix(in oklch, var(--secondary-bright) 40%, transparent);color:var(--text-inverse)}.pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-panel) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-base);display:inline-flex}.pill:hover{border-color:color-mix(in oklch, var(--primary-bright) 40%, transparent);box-shadow:var(--shadow-md), var(--shadow-glow-primary);color:var(--text-primary);transform:translateY(-2px)}.code-block{background:color-mix(in oklch, var(--bg-panel) 88%, transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.code-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in oklch, var(--bg-deep) 70%, transparent);border-bottom:1px solid var(--border-subtle);display:flex}.code-content{padding:var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.code-line{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.code-comment{color:var(--text-muted);font-style:italic}.code-prompt{color:var(--secondary-bright);-webkit-user-select:none;user-select:none}.code-dot{border-radius:var(--radius-full);background:var(--text-muted);width:12px;height:12px}.code-dot:first-child{background:#ff5f57}.code-dot:nth-child(2){background:#febc2e}.code-dot:nth-child(3){background:#28c840}.nav-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--text-primary);border-color:var(--border-subtle);background:color-mix(in oklch, var(--primary-bright) 12%, transparent)}.nav-link.is-active{color:var(--text-inverse);background:color-mix(in oklch, var(--primary-bright) 35%, transparent);border-color:color-mix(in oklch, var(--primary-bright) 40%, transparent);box-shadow:var(--shadow-glow-primary)}.modal-backdrop{background:color-mix(in oklch, var(--bg-deep) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-modal);padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-panel) 88%, transparent);width:100%;max-width:520px;padding:var(--space-6);box-shadow:var(--shadow-xl), var(--shadow-glow-primary);position:relative}.avatar{border-radius:var(--radius-full);border:2px solid color-mix(in oklch, var(--primary-bright) 45%, transparent);background:var(--bg-panel);object-fit:cover;width:48px;height:48px;box-shadow:var(--shadow-sm)}.avatar-sm{width:32px;height:32px}.avatar-lg{width:64px;height:64px}.avatar-xl{width:96px;height:96px}.divider{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--text-primary) 12%, transparent), transparent);width:100%;height:1px;margin:var(--space-6) 0}.surface{background:color-mix(in oklch, var(--bg-panel) 85%, transparent);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.surface-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid color-mix(in oklch, var(--text-primary) 8%, transparent)}}@layer specialized{.hero{text-align:center;margin-bottom:var(--space-16);animation:fadeInUp var(--duration-base) var(--ease-out) both}.claw-icon{--float-end:-8px;--float-duration:4s;width:150px;height:150px;margin:0 auto var(--space-6);animation:float var(--float-duration) ease-in-out infinite;cursor:pointer;transition:transform var(--transition-base);will-change:transform}.claw-icon:hover{animation-play-state:paused;transform:scale(1.1)}.claw-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 20px var(--glow-primary));transition:filter var(--transition-base)}.claw-icon:hover svg{filter:drop-shadow(0 0 30px var(--glow-secondary))}.claw-icon .claw-left{transform-origin:107px 213px;animation:3s ease-in-out infinite clawGrip}.claw-icon .claw-right{transform-origin:292px 200px;animation:3s ease-in-out .3s infinite clawGrip}.claw-icon .robot-body{animation:4s ease-in-out infinite pulse}.claw-icon .robot-head{animation:3s ease-in-out infinite float}.title{font-family:var(--font-display);font-size:clamp(3rem,10vw,4.5rem);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.title-main{color:var(--text-primary)}.tagline{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--primary-bright);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-5);animation:fadeInUp var(--duration-base) var(--ease-out) .15s both}.tagline.dalek-mode{--shake-distance:-2px;--shake-distance-inverse:2px;color:var(--secondary-bright);text-shadow:0 0 10px var(--glow-secondary);animation:.1s ease-in-out infinite shake}.description{font-size:var(--text-lg);color:var(--text-secondary);max-width:780px;line-height:var(--leading-relaxed);animation:fadeInUp var(--duration-base) var(--ease-out) .3s both;margin:0 auto}.latest-post{margin-bottom:var(--space-10);animation:fadeInUp var(--duration-base) var(--ease-out) .5s both;text-align:center}.latest-post-card{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:color-mix(in oklch, var(--bg-panel) 80%, transparent);border:1px solid var(--border-subtle);transition:all var(--transition-base);text-decoration:none;display:inline-flex}.latest-post-card:hover{border-color:var(--primary-bright);box-shadow:0 4px 20px var(--glow-primary)}.latest-post-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);background:var(--primary-bright);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.latest-post-title{font-size:var(--text-sm);color:var(--text-primary)}.latest-post-link{color:var(--text-muted);transition:color var(--transition-fast)}.latest-post-card:hover .latest-post-link{color:var(--primary-bright)}.testimonials{margin-bottom:var(--space-16);animation:fadeInUp var(--duration-base) var(--ease-out) .75s both;margin-left:calc(var(--space-6) * -1);margin-right:calc(var(--space-6) * -1);padding:0 var(--space-6);overflow:hidden}.testimonials .section-header{padding:0 var(--space-6)}.testimonials-track{gap:var(--space-2);margin-left:calc(var(--space-6) * -1);margin-right:calc(var(--space-6) * -1);flex-direction:column;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.testimonials-track:focus-within .testimonials-row{animation-play-state:paused}.testimonials-row{gap:var(--space-4);width:max-content;padding:var(--space-2) 0;display:flex}.testimonials-row:hover{animation-play-state:paused}.row-1{animation:scrollLeft var(--duration,80s) linear infinite;will-change:transform}.row-2{animation:scrollRight var(--duration,90s) linear infinite;will-change:transform}.testimonial-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-panel) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:320px;max-width:400px;color:var(--text-primary);transition:all var(--transition-base);contain:layout style paint;flex-shrink:0;text-decoration:none;display:flex}.testimonial-card:hover{border-color:var(--primary-bright);box-shadow:0 8px 24px var(--glow-primary);transform:translateY(-2px)}.testimonial-avatar{border-radius:var(--radius-full);border:2px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;width:44px;height:44px}.testimonial-content{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.testimonial-quote{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.testimonial-author{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-bright)}.features{margin-bottom:var(--space-16);animation:fadeInUp var(--duration-base) var(--ease-out) .55s both}.features-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-panel) 60%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base);color:inherit;cursor:pointer;contain:layout style paint;text-decoration:none;display:block}.feature-card:hover{border-color:var(--primary-bright);box-shadow:0 12px 40px var(--glow-primary);transform:translateY(-4px)}.feature-icon{margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.feature-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.feature-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.integrations-preview{margin-bottom:var(--space-16);animation:fadeInUp var(--duration-base) var(--ease-out) .6s both}.integrations-row{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.integration-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-panel) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-base);cursor:default;display:inline-flex}.integration-pill:hover{border-color:var(--primary-bright);box-shadow:0 8px 24px var(--glow-primary);transform:translateY(-4px)}.integrations-links{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.integrations-link{color:var(--primary-bright);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--transition-fast);text-decoration:none}.integrations-link:hover{color:var(--secondary-bright)}.cta-grid{gap:var(--space-4);margin-bottom:var(--space-16);animation:fadeInUp var(--duration-base) var(--ease-out) .45s both;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.cta{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-panel) 60%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);transition:all var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.cta:hover{border-color:var(--border-accent);box-shadow:0 12px 40px var(--glow-primary);transform:translateY(-4px)}.cta-icon{width:28px;height:28px;color:var(--primary-bright);transition:transform var(--transition-base)}.cta:hover .cta-icon{transform:scale(1.1)}.cta-discord:hover{border-color:#5865f2;box-shadow:0 12px 40px oklch(57.7436% .20909 273.85/.2)}.cta-discord:hover .cta-icon{color:#5865f2}.cta-docs:hover{border-color:var(--secondary-bright);box-shadow:0 12px 40px var(--glow-secondary)}.cta-docs:hover .cta-icon{color:var(--secondary-bright)}.cta-github:hover{border-color:#f0f4ff;box-shadow:0 12px 40px oklch(96.7308% .0153209 269.985/.1)}.cta-github:hover .cta-icon{color:#f0f4ff}.cta-skills:hover{border-color:#fbbf24;box-shadow:0 12px 40px oklch(83.6861% .164422 84.4287/.15)}.cta-skills:hover .cta-icon{color:#fbbf24}.cta-label{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-base)}.cta-sub{font-size:var(--text-xs);color:var(--text-muted)}.newsletter{margin-bottom:var(--space-16);animation:fadeInUp var(--duration-base) var(--ease-out) .7s both}.newsletter-content{text-align:center;padding:var(--space-10) var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);background:linear-gradient(135deg, var(--glow-primary) 0%, color-mix(in oklch, var(--bg-panel) 80%, transparent) 50%, var(--glow-secondary) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.newsletter-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);justify-content:center;align-items:center;gap:var(--space-3);display:flex}.newsletter-desc{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.newsletter-form{gap:var(--space-3);max-width:440px;margin:0 auto;display:flex}.newsletter-input{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-panel) 80%, transparent);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--transition-base);outline:none;flex:1}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-input:focus{border-color:var(--primary-bright);box-shadow:var(--ring-primary)}.newsletter-btn{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 20px var(--glow-primary);border:none;display:inline-flex}.newsletter-btn:hover{box-shadow:0 8px 30px var(--glow-primary);transform:translateY(-2px)}.newsletter-btn svg{width:18px;height:18px;transition:transform var(--transition-fast)}.newsletter-btn:hover svg{transform:translate(3px)}.footer{padding-top:var(--space-10);text-align:center;font-size:var(--text-sm);color:var(--text-muted);animation:fadeInUp var(--duration-base) var(--ease-out) .75s both;margin-top:auto}.footer-nav{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-base);display:flex}.footer-separator{color:var(--text-muted)}.footer a{color:var(--primary-bright);transition:color var(--transition-fast);text-decoration:none}.footer a:hover{color:var(--secondary-bright)}.footer .disclaimer{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);opacity:.7}.press-section{margin-bottom:var(--space-16);animation:fadeInUp var(--duration-base) var(--ease-out) .65s both}.press-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.press-card{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:color-mix(in oklch, var(--bg-panel) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);transition:all var(--transition-base);text-align:center;flex-direction:column;text-decoration:none;display:flex}.press-card:hover{border-color:var(--primary-bright);box-shadow:0 12px 40px var(--glow-primary);transform:translateY(-4px)}.press-featured{border-color:var(--border-accent);background:linear-gradient(135deg, var(--glow-primary), color-mix(in oklch, var(--bg-panel) 70%, transparent) 100%)}.press-logo{align-items:center;gap:var(--space-3);display:flex}.press-icon{width:28px;height:28px;color:var(--text-muted)}.press-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:.02em}.press-quote{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--text-primary);margin:0;font-style:italic}.press-author{font-size:var(--text-sm);color:var(--primary-bright);font-weight:var(--font-medium)}@media (width<=640px){.claw-icon{width:80px;height:80px}.cta{padding:var(--space-5) var(--space-3)}.press-grid{grid-template-columns:1fr}.testimonials{margin-left:calc(var(--space-4) * -1);margin-right:calc(var(--space-4) * -1);padding:0 var(--space-4)}.testimonials .section-header{padding:0 var(--space-4)}.testimonial-card{min-width:280px;max-width:320px;padding:var(--space-3)}.newsletter-content{padding:var(--space-8) var(--space-5)}.newsletter-form{flex-direction:column}.newsletter-input,.newsletter-btn{width:100%}.newsletter-btn{justify-content:center}}}@layer atmospherics{.starfield,.stars{z-index:var(--z-below);pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;animation:.5s step-end infinite grain;position:fixed;inset:0}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(2%,2%)}30%{transform:translate(-1%,2%)}40%{transform:translate(2%,-1%)}50%{transform:translate(-2%,1%)}60%{transform:translate(1%,-2%)}70%{transform:translate(-1%,-1%)}80%{transform:translate(2%,1%)}90%{transform:translate(-2%,2%)}}.nebula{z-index:var(--z-below);pointer-events:none;background:radial-gradient(60% 50% at 12% 8%,oklch(38% .16 25/.28),#0000 55%),radial-gradient(70% 50% at 50% 30%,oklch(45% .12 30/.12),#0000 65%),radial-gradient(50% 40% at 88% 78%,oklch(45% .08 190/.18),#0000 55%);position:fixed;inset:0}.grid-bg{z-index:var(--z-below);pointer-events:none;background-image:linear-gradient(color-mix(in oklch, var(--text-primary) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--text-primary) 5%, transparent) 1px, transparent 1px);background-size:50px 50px;position:fixed;inset:0}.gradient-orb{border-radius:var(--radius-full);filter:blur(120px);opacity:.4;pointer-events:none;will-change:transform;width:600px;height:600px;position:fixed}.gradient-orb-1{background:var(--gradient-primary);animation:20s ease-in-out infinite float;top:-300px;left:-300px}.gradient-orb-2{background:var(--gradient-secondary);animation:25s ease-in-out infinite reverse float;bottom:-300px;right:-300px}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in oklch, var(--text-primary) 10%, transparent)}.glass-strong{background:color-mix(in oklch, var(--bg-panel) 60%, transparent);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in oklch, var(--text-primary) 15%, transparent)}.glow-primary{box-shadow:var(--shadow-glow-primary)}.glow-secondary{box-shadow:var(--shadow-glow-secondary)}.glow-tertiary{box-shadow:var(--shadow-glow-tertiary)}.text-glow-primary{text-shadow:0 0 20px var(--glow-primary)}.text-glow-secondary{text-shadow:0 0 20px var(--glow-secondary)}.shadow-bleed{isolation:isolate;position:relative}.shadow-bleed:after{content:"";background:radial-gradient(circle, color-mix(in oklch, var(--primary-bright) 20%, transparent) 0%, transparent 60%);filter:blur(24px);opacity:.6;z-index:var(--z-below);pointer-events:none;position:absolute;inset:-20%}.shadow-bleed-secondary:after{background:radial-gradient(circle, color-mix(in oklch, var(--secondary-bright) 20%, transparent) 0%, transparent 60%)}}@layer utilities{.container{z-index:var(--z-base);max-width:860px;padding:60px var(--space-6) 40px;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.container-wide{max-width:1200px;margin-top:10px}.container-narrow{max-width:640px}.container-full{max-width:100%}.section{margin-bottom:var(--space-16)}.section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);align-items:center;gap:var(--space-3);display:flex}.section-link{font-size:var(--text-sm);color:var(--primary-bright);font-weight:var(--font-medium);transition:color var(--transition-fast);text-decoration:none}.section-link:hover{color:var(--secondary-bright)}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-gradient,.text-gradient-primary{color:var(--primary-bright)}.text-gradient-secondary{color:var(--secondary-bright)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-brand-primary{color:var(--primary-bright)}.text-brand-secondary{color:var(--secondary-bright)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.interactive{cursor:pointer;transition:all var(--transition-base)}.interactive:hover{transform:translateY(-2px)}.interactive:active{transform:translateY(0)}.clickable{cursor:pointer}.no-select{-webkit-user-select:none;user-select:none}.hidden{display:none}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.z-base{z-index:var(--z-base)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.min-h-dvh{min-height:100dvh}@media (width<=640px){.sm\:hidden{display:none}.sm\:grid-cols-1{grid-template-columns:1fr}}@media (width>=640px) and (width<=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{backface-visibility:hidden;transform:translateZ(0)}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}.claw-accent{color:var(--primary-bright);font-weight:var(--font-bold)}.link-separator{color:var(--text-muted);font-size:var(--text-sm)}.grid-container{gap:var(--space-6);display:grid}.bento{gap:var(--space-4);grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto);display:grid}.bento-item{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.bento-item:hover{border-color:var(--primary-bright);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bento-sm{grid-area:span 1/span 1}.bento-md{grid-area:span 1/span 2}.bento-lg{grid-area:span 2/span 2}.bento-wide{grid-area:span 1/span 3}.bento-tall{grid-area:span 2/span 1}.bento-xl{grid-area:span 2/span 3}.bento-hero{grid-area:span 2/span 4}.bento-full{grid-column:1/-1}.bento-primary{background:linear-gradient(135deg, var(--primary-dark), var(--bg-panel));border-color:color-mix(in oklch, var(--primary-bright) 30%, transparent)}.bento-secondary{background:linear-gradient(135deg, var(--secondary-dark), var(--bg-panel));border-color:color-mix(in oklch, var(--secondary-bright) 30%, transparent)}.bento-tertiary{background:linear-gradient(135deg, var(--tertiary-dark), var(--bg-panel));border-color:color-mix(in oklch, var(--tertiary-bright) 30%, transparent)}.bento-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bento-gradient{background:var(--gradient-nebula)}.bento-featured{border-color:var(--primary-bright);box-shadow:var(--shadow-glow-primary)}.bento-featured:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-primary)}@media (width<=1024px){.bento{grid-template-columns:repeat(3,1fr)}.bento-hero,.bento-xl{grid-column:span 3}.bento-wide{grid-column:span 2}}@media (width<=768px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(100px,auto)}.bento-hero,.bento-xl,.bento-wide{grid-column:span 2}.bento-lg{grid-area:span 1/span 2}}@media (width<=480px){.bento{grid-template-columns:1fr}.bento-hero,.bento-xl,.bento-wide,.bento-lg,.bento-md{grid-column:span 1}.bento-tall{grid-row:span 1}}.grid-cols-2-responsive,.grid-cols-3-responsive,.grid-cols-4-responsive{grid-template-columns:1fr}@media (width>=768px){.grid-cols-2-responsive,.grid-cols-3-responsive,.grid-cols-4-responsive{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cols-2-responsive{grid-template-columns:repeat(2,1fr)}.grid-cols-3-responsive{grid-template-columns:repeat(3,1fr)}.grid-cols-4-responsive{grid-template-columns:repeat(4,1fr)}}.grid-layout-sidebar-right,.grid-layout-sidebar-left{grid-template-columns:1fr}@media (width>=1024px){.grid-layout-sidebar-right{gap:var(--space-8);grid-template-columns:1fr 340px}.grid-layout-sidebar-left{gap:var(--space-8);grid-template-columns:340px 1fr}}@media (width>=768px){.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-full{grid-column:1/-1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}}}.siblings{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.siblings__h{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-regular);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);margin:0 0 var(--space-4) 0}:root{--coral-bright:var(--primary-bright);--coral-mid:var(--primary-mid);--coral-dark:var(--primary-dark);--cyan-bright:var(--secondary-bright);--cyan-mid:var(--secondary-mid);--cyan-dark:var(--secondary-dark);--cyan-glow:var(--glow-secondary);--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8)}@media print{@page{margin:2cm}.nebula,.starfield,.stars,.gradient-orb,.newsletter,.footer-nav,nav{display:none!important}.card,.btn,.pill,.badge{box-shadow:none!important;color:#000!important;background:#fff!important;border:1px solid #000!important}}.show-grid:before{content:"";pointer-events:none;z-index:var(--z-max);background-image:linear-gradient(#ff00001a 1px,#0000 1px),linear-gradient(90deg,#ff00001a 1px,#0000 1px);background-size:8px 8px;position:fixed;inset:0}img:not([alt]){outline:5px solid red}@supports ((-webkit-hyphens:none)){.glass,.card,.modal{-webkit-backdrop-filter:blur(16px)}}@-moz-document url-prefix(){*{scroll-behavior:smooth}}.perf-hints [class*=animate-],.perf-hints .will-change-transform,.perf-hints .will-change-opacity{outline:2px dashed #00ff0080}.theme-toggle[data-astro-cid-l6lhmie6]{background:var(--bg-elevated);border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.theme-toggle[data-astro-cid-l6lhmie6]:hover{background:var(--bg-panel);border-color:color-mix(in srgb, var(--primary-bright) 35%, transparent);color:var(--text-secondary)}.theme-toggle[data-astro-cid-l6lhmie6]:focus-visible{outline:2px solid var(--primary-bright);outline-offset:2px}.theme-toggle__icon[data-astro-cid-l6lhmie6]{transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);position:absolute}.theme-toggle__sun[data-astro-cid-l6lhmie6]{opacity:1;transform:rotate(0)}.theme-toggle__moon[data-astro-cid-l6lhmie6]{opacity:0;transform:rotate(-90deg)}[data-theme=light] .theme-toggle__sun[data-astro-cid-l6lhmie6]{opacity:0;transform:rotate(90deg)}[data-theme=light] .theme-toggle__moon[data-astro-cid-l6lhmie6]{opacity:1;transform:rotate(0)}.theme-toggle--label[data-astro-cid-l6lhmie6]{gap:var(--space-2);width:auto;height:44px;padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);background:0 0}.theme-toggle--label[data-astro-cid-l6lhmie6] .theme-toggle__icon[data-astro-cid-l6lhmie6]{position:static}.theme-toggle--label[data-astro-cid-l6lhmie6] .theme-toggle__moon[data-astro-cid-l6lhmie6],[data-theme=light] .theme-toggle--label[data-astro-cid-l6lhmie6] .theme-toggle__sun[data-astro-cid-l6lhmie6]{display:none}[data-theme=light] .theme-toggle--label[data-astro-cid-l6lhmie6] .theme-toggle__moon[data-astro-cid-l6lhmie6]{opacity:1;display:inline;transform:none}.theme-toggle--label[data-astro-cid-l6lhmie6] .theme-toggle__sun[data-astro-cid-l6lhmie6]{opacity:1;transform:none}.site-header[data-astro-cid-fzpbxy5g]{z-index:var(--z-sticky,200);padding:var(--space-3,.75rem) var(--space-6,1.5rem);transition:padding var(--transition-base,.24s ease-in-out);background:0 0;border:none;position:fixed;top:0;left:0;right:0}.header-container[data-astro-cid-fzpbxy5g]{justify-content:space-between;align-items:center;gap:var(--space-4,1rem);max-width:1200px;padding:var(--space-2,.5rem) var(--space-2,.5rem) var(--space-2,.5rem) var(--space-4,1rem);background:var(--bg-glass,#141414b8);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--border-subtle,#ffffff14);border-radius:var(--radius-md,.375rem);box-shadow:var(--shadow-md), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 5%, transparent);transition:box-shadow var(--transition-base,.24s ease-in-out), border-color var(--transition-base,.24s ease-in-out);margin:0 auto;display:flex}.header-container[data-astro-cid-fzpbxy5g]:hover{border-color:var(--border-strong)}.header-logo[data-astro-cid-fzpbxy5g]{align-items:center;gap:var(--space-2,.5rem);transition:opacity var(--transition-fast,.15s ease-out);text-decoration:none;display:flex}.header-logo[data-astro-cid-fzpbxy5g]:hover{opacity:.85}.logo-icon[data-astro-cid-fzpbxy5g]{width:28px;height:28px;color:var(--primary-bright);transition:color var(--transition-fast,.15s ease-out)}.header-logo[data-astro-cid-fzpbxy5g]:hover .logo-icon[data-astro-cid-fzpbxy5g]{color:var(--text-primary)}.logo-text[data-astro-cid-fzpbxy5g]{font-family:var(--font-body,system-ui, sans-serif);font-size:clamp(1.05rem,3vw,1.25rem);font-weight:var(--font-semibold,600);letter-spacing:-.02em;color:var(--text-primary);line-height:1}.header-logo[data-astro-cid-fzpbxy5g]:hover .logo-text[data-astro-cid-fzpbxy5g]{color:var(--primary-bright)}.header-nav[data-astro-cid-fzpbxy5g]{align-items:center;gap:var(--space-1,.25rem);display:flex}.nav-link[data-astro-cid-fzpbxy5g]{padding:var(--space-2,.5rem) var(--space-3-5,.875rem);color:var(--text-secondary,#ffffffb3);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);border-radius:var(--radius-full,9999px);transition:color var(--transition-fast,.15s ease-out), background var(--transition-fast,.15s ease-out);background:0 0;border:none;text-decoration:none;position:relative}.nav-link[data-astro-cid-fzpbxy5g]:hover{color:var(--text-primary,#fff);background:color-mix(in oklch, var(--primary-bright) 12%, transparent)}.nav-link--active[data-astro-cid-fzpbxy5g]{color:var(--primary-bright);background:color-mix(in oklch, var(--primary-bright) 15%, transparent)}.nav-link--active[data-astro-cid-fzpbxy5g]:hover{color:var(--primary-bright);background:color-mix(in oklch, var(--primary-bright) 20%, transparent)}.nav-link--github[data-astro-cid-fzpbxy5g]{margin-left:var(--space-2,.5rem);padding:var(--space-2,.5rem);border-radius:var(--radius-full,9999px);color:var(--text-secondary,#ffffffb3);align-items:center;display:flex}.nav-link--github[data-astro-cid-fzpbxy5g]:hover{color:var(--primary-bright,#ff6b6b)}.nav-search-btn[data-astro-cid-fzpbxy5g]{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;background:0 0;display:flex}.nav-search-btn[data-astro-cid-fzpbxy5g]:hover{border-color:color-mix(in oklch, var(--text-primary) 20%, transparent);color:var(--text-secondary);background:var(--bg-elevated)}.nav-search-btn__hint[data-astro-cid-fzpbxy5g]{font-size:var(--text-xs);opacity:.6;font-family:var(--font-mono)}@media (width<=768px){.nav-search-btn__hint[data-astro-cid-fzpbxy5g]{display:none}}.github-icon[data-astro-cid-fzpbxy5g]{display:block}.nav-cta[data-astro-cid-fzpbxy5g]{min-height:34px;margin-left:var(--space-1);padding:0 var(--space-4);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nav-cta[data-astro-cid-fzpbxy5g]:hover{color:var(--primary-bright);border-color:var(--primary-bright)}.nav-cta[data-astro-cid-fzpbxy5g]:focus-visible{box-shadow:var(--ring-primary);outline:none}.mobile-nav-link--cta[data-astro-cid-fzpbxy5g]{color:var(--primary-bright);border-color:color-mix(in srgb, var(--primary-bright) 45%, transparent);font-weight:var(--font-semibold);background:0 0;justify-content:center}.mobile-nav__foot[data-astro-cid-fzpbxy5g]{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);display:flex}.menu-toggle[data-astro-cid-fzpbxy5g]{padding:var(--space-2,.5rem);cursor:pointer;border-radius:var(--radius-md,.5rem);transition:background var(--transition-fast,.15s ease-out);background:0 0;border:none;display:none}.menu-toggle[data-astro-cid-fzpbxy5g]:hover{background:#ffffff0f}.menu-toggle[data-astro-cid-fzpbxy5g]:focus-visible{outline:2px solid var(--primary-bright,#ff6b6b);outline-offset:2px}.hamburger[data-astro-cid-fzpbxy5g]{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex}.hamburger-line[data-astro-cid-fzpbxy5g]{background:var(--text-primary,#fff);width:100%;height:2px;transition:transform var(--transition-fast,.15s ease-out), opacity var(--transition-fast,.15s ease-out);transform-origin:50%;border-radius:1px;display:block}.menu-toggle[data-astro-cid-fzpbxy5g][aria-expanded=true] .hamburger-line[data-astro-cid-fzpbxy5g]:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle[data-astro-cid-fzpbxy5g][aria-expanded=true] .hamburger-line[data-astro-cid-fzpbxy5g]:nth-child(2){opacity:0}.menu-toggle[data-astro-cid-fzpbxy5g][aria-expanded=true] .hamburger-line[data-astro-cid-fzpbxy5g]:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu[data-astro-cid-fzpbxy5g]{z-index:var(--z-overlay,400);background:var(--bg-deep,#0a0a0c);-webkit-backdrop-filter:none;opacity:0;visibility:hidden;transition:opacity var(--transition-base,.24s ease-in-out), visibility var(--transition-base,.24s ease-in-out);position:fixed;inset:76px 0 0}.mobile-menu[data-astro-cid-fzpbxy5g][aria-hidden=false]{opacity:1;visibility:visible}.mobile-nav[data-astro-cid-fzpbxy5g]{padding:var(--space-6,1.5rem) var(--space-4,1rem);gap:var(--space-1,.25rem);flex-direction:column;display:flex}.mobile-nav-link[data-astro-cid-fzpbxy5g]{align-items:center;gap:var(--space-3,.75rem);padding:var(--space-4,1rem) var(--space-4,1rem);color:var(--text-primary,#fff);font-size:var(--text-lg,1.125rem);font-weight:var(--font-medium,500);border-radius:var(--radius-md,.375rem);border:1px solid var(--border-subtle,#ffffff14);transition:color var(--transition-fast,.15s ease-out), border-color var(--transition-fast,.15s ease-out);background:0 0;text-decoration:none;display:flex}.mobile-nav-link[data-astro-cid-fzpbxy5g]:hover,.mobile-nav-link[data-astro-cid-fzpbxy5g]:focus{border-color:var(--border-strong,#ffffff2e)}.mobile-nav-link[data-astro-cid-fzpbxy5g]:focus-visible{outline:2px solid var(--primary-bright,#ff6b6b);outline-offset:2px}.mobile-nav-link--active[data-astro-cid-fzpbxy5g]{color:var(--primary-bright);border-color:color-mix(in srgb, var(--primary-bright) 45%, transparent);background:0 0}.mobile-nav-link--github[data-astro-cid-fzpbxy5g]{margin-top:var(--space-4,1rem);color:var(--text-secondary,#ffffffb3)}.mobile-nav-link--github[data-astro-cid-fzpbxy5g] .github-icon[data-astro-cid-fzpbxy5g]{width:24px;height:24px}@media (width<=768px){.header-nav[data-astro-cid-fzpbxy5g]{display:none}.menu-toggle[data-astro-cid-fzpbxy5g]{display:block}}body.menu-open{overflow:hidden}.site-footer[data-astro-cid-nns7i3if]{margin-top:var(--space-8);padding:var(--space-5) 0;border-top:1px solid var(--border-subtle)}.footer-container[data-astro-cid-nns7i3if]{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.footer-row[data-astro-cid-nns7i3if]{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-brand[data-astro-cid-nns7i3if]{font-family:var(--font-logo);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-muted)}.footer-links[data-astro-cid-nns7i3if]{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-links[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if]{font-size:var(--text-xs);color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.footer-links[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if]:hover{color:var(--text-primary)}.footer-meta[data-astro-cid-nns7i3if]{font-size:var(--text-xs);color:var(--text-muted)}.footer-meta[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if]{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-meta[data-astro-cid-nns7i3if] a[data-astro-cid-nns7i3if]:hover{color:var(--primary-bright)}@media (width<=640px){.footer-row[data-astro-cid-nns7i3if]{text-align:center;gap:var(--space-2);flex-direction:column}}.search-modal[data-astro-cid-etsyzymg]{z-index:600;opacity:0;visibility:hidden;justify-content:center;align-items:flex-start;padding-top:min(15vh,120px);transition:opacity .15s ease-out,visibility .15s ease-out;display:flex;position:fixed;inset:0}.search-modal[data-astro-cid-etsyzymg].is-open{opacity:1;visibility:visible}.search-modal__backdrop[data-astro-cid-etsyzymg]{-webkit-backdrop-filter:blur(8px);background:#0009;position:absolute;inset:0}.search-modal__panel[data-astro-cid-etsyzymg]{background:var(--bg-surface);border:1px solid color-mix(in oklch, var(--text-primary) 14%, transparent);border-radius:var(--radius-xl);width:min(600px,100vw - 2rem);max-height:min(520px,100vh - 180px);box-shadow:var(--shadow-xl);flex-direction:column;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden;transform:translateY(8px)scale(.98)}.search-modal[data-astro-cid-etsyzymg].is-open .search-modal__panel[data-astro-cid-etsyzymg]{transform:translateY(0)scale(1)}.search-modal__input-wrap[data-astro-cid-etsyzymg]{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);transition:border-color var(--transition-fast);display:flex}.search-modal__input-wrap[data-astro-cid-etsyzymg]:focus-within{border-bottom-color:var(--primary-bright)}.search-modal__input-icon{color:var(--text-muted);flex-shrink:0}.search-modal__input[data-astro-cid-etsyzymg]{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);caret-color:var(--primary-bright);background:0 0;border:none;outline:none;flex:1}.search-modal__input[data-astro-cid-etsyzymg]::placeholder{color:var(--text-muted)}.search-modal__input[data-astro-cid-etsyzymg]::-webkit-search-cancel-button{display:none}.search-modal__close[data-astro-cid-etsyzymg]{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-elevated);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.search-modal__close[data-astro-cid-etsyzymg]:hover{color:var(--text-primary);border-color:var(--text-muted)}.search-modal__results[data-astro-cid-etsyzymg]{padding:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex:1;overflow-y:auto}.search-modal__empty[data-astro-cid-etsyzymg],.search-modal__loading[data-astro-cid-etsyzymg],.search-modal__no-results[data-astro-cid-etsyzymg]{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.search-modal__empty[data-astro-cid-etsyzymg][hidden],.search-modal__loading[data-astro-cid-etsyzymg][hidden],.search-modal__no-results[data-astro-cid-etsyzymg][hidden]{display:none}.search-modal__empty-icon{opacity:.3}.search-modal__spinner[data-astro-cid-etsyzymg]{border:2px solid var(--border-subtle);border-top-color:var(--primary-bright);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite sm-spin}@keyframes sm-spin{to{transform:rotate(360deg)}}.search-modal__list[data-astro-cid-etsyzymg]{margin:0;padding:0;list-style:none}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item{border-radius:var(--radius-md);transition:background var(--transition-fast)}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item:hover,.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item.is-active{background:var(--bg-elevated)}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__link{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);color:inherit;text-decoration:none;display:flex}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item-icon{background:color-mix(in oklch, var(--primary-bright) 12%, transparent);border:1px solid color-mix(in oklch, var(--primary-bright) 25%, transparent);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--primary-bright);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item-header{align-items:center;gap:var(--space-2);display:flex}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item-cat{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-bright);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item:hover .search-modal__item-title,.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item.is-active .search-modal__item-title{color:var(--primary-bright)}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item-excerpt{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-modal__mark{background:color-mix(in oklch, var(--primary-bright) 25%, transparent);color:var(--text-primary);border-radius:2px;padding:0 2px}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item-arrow{margin-top:var(--space-2);color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);flex-shrink:0;align-items:center;display:flex;transform:translate(-4px)}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item:hover .search-modal__item-arrow,.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item.is-active .search-modal__item-arrow{opacity:1;transform:translate(0)}.search-modal__footer[data-astro-cid-etsyzymg]{align-items:center;gap:var(--space-4);padding:var(--space-2-5) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-elevated);display:flex}.search-modal__hint[data-astro-cid-etsyzymg]{align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--text-muted);display:flex}.search-modal__hint--right[data-astro-cid-etsyzymg]{margin-left:auto}.search-modal__kbd[data-astro-cid-etsyzymg]{min-width:22px;height:20px;padding:0 var(--space-1-5);font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:.65rem;display:inline-flex}@media (width<=640px){.search-modal[data-astro-cid-etsyzymg]{align-items:stretch;padding-top:0}.search-modal__panel[data-astro-cid-etsyzymg]{width:100%;max-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:none;border-radius:0}.search-modal__input[data-astro-cid-etsyzymg]{font-size:16px}.search-modal__footer[data-astro-cid-etsyzymg],.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item-icon{display:none}.search-modal__list[data-astro-cid-etsyzymg] .search-modal__item-arrow{opacity:1;transform:translate(0)}}.skip-link[data-astro-cid-ju4pidww]{top:0;left:var(--space-3,.75rem);z-index:var(--z-max,9999);padding:var(--space-2,.5rem) var(--space-4,1rem);background:var(--primary-bright);color:var(--bg-base,#0a0a0c);border-radius:0 0 var(--radius-md,.5rem) var(--radius-md,.5rem);font-size:var(--text-sm,.875rem);font-weight:var(--font-semibold,600);transition:transform var(--transition-fast,.15s ease-out);text-decoration:none;position:fixed;transform:translateY(-120%)}.skip-link[data-astro-cid-ju4pidww]:focus{outline:2px solid var(--text-primary);outline-offset:2px;transform:translateY(0)}#hoofdinhoud[data-astro-cid-ju4pidww]{scroll-margin-top:90px}