:root{--color-cyan-400:#22d3ee;--color-blue-500:#3b82f6;--color-white:#fff;--color-black:#000}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.glassmorphism{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.neon-glow{box-shadow:0 0 20px #22d3ee4d,0 0 40px #3b82f633}.neon-glow:hover{box-shadow:0 0 30px #22d3ee80,0 0 60px #3b82f64d}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #22d3ee4d}50%{box-shadow:0 0 30px #22d3ee80}}.animate-pulse-glow{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-glow}@keyframes grid-slide{0%{background-position:0 0}to{background-position:40px 40px}}@media (max-width:768px){.hidden-mobile{display:none}.visible-mobile{display:block}}@media (min-width:769px){.visible-mobile{display:none}}.dragging{opacity:.75;transform:scale(.95)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-cyan-400);outline-offset:2px}html{scroll-behavior:smooth}.will-change{will-change:transform, opacity}.visual-workspace{background-size:100% 100%,40px 40px,40px 40px;transition:background-image .5s,background-color .5s}.dark .visual-workspace{background-color:#0e1018;background-image:radial-gradient(70% 50% at 20% 10%,#fb542b0a,#0000),linear-gradient(#2d30444d 1px,#0000 1px),linear-gradient(90deg,#2d30444d 1px,#0000 1px)}:not(.dark) .visual-workspace{background-color:#f0f2f5;background-image:radial-gradient(circle at 50% 120px,#3b82f61f 0%,#0000 60%),radial-gradient(circle at 10% 80%,#ff67d414 0%,#0000 50%),linear-gradient(#3b82f61f 1px,#0000 1px),linear-gradient(90deg,#3b82f61f 1px,#0000 1px);background-size:100% 100%,100% 100%,60px 60px,60px 60px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial}}}.hero-section{background-color:var(--color-slate-50,#f8fafc);min-height:100vh;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;flex-direction:column;justify-content:center;align-items:center;transition-duration:.5s;display:flex;position:relative}@supports (color:lab(0% 0 0)){.hero-section{background-color:var(--color-slate-50,lab(98.1434% -.369549 -1.05968))}}@media (prefers-color-scheme:dark){.hero-section{background-color:#070b14}}.hero-section{padding:2rem 1.5rem;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-glow-blue{filter:blur(80px);background:radial-gradient(circle,#4a9eff1f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:6s ease-in-out infinite glowPulse;position:absolute;top:15%;right:10%}.hero-glow-pink{filter:blur(80px);background:radial-gradient(circle,#ff67d41a 0%,#0000 70%);border-radius:50%;width:450px;height:450px;animation:6s ease-in-out 3s infinite glowPulse;position:absolute;bottom:10%;left:5%}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.hero-grid{background-image:linear-gradient(#4a9eff0a 1px,#0000 1px),linear-gradient(90deg,#4a9eff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 70%,#000 30%,#0000 80%)}.hero-particles{position:absolute;inset:0;overflow:hidden}.hero-particle{opacity:0;border-radius:50%;width:2px;height:2px;animation:linear infinite particleDrift;position:absolute}.hero-particle--blue{background:#4a9eff;box-shadow:0 0 6px #4a9eff99}.hero-particle--pink{background:#ff67d4;box-shadow:0 0 6px #ff67d499}@keyframes particleDrift{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-20px)translate(30px)}}.hero-corner-borders{pointer-events:none;z-index:1;position:absolute;inset:24px}.corner-border-tl{position:absolute;top:0;left:0}.corner-border-tl:before{content:"";opacity:.6;background:linear-gradient(90deg,#ff67d4,#0000);width:120px;height:2px;animation:4s ease-in-out infinite cornerGlowH;position:absolute;top:0;left:0}.corner-border-tl:after{content:"";opacity:.6;background:linear-gradient(#ff67d4,#0000);width:2px;height:120px;animation:4s ease-in-out infinite cornerGlowV;position:absolute;top:0;left:0}.corner-border-br{position:absolute;bottom:0;right:0}.corner-border-br:before{content:"";opacity:.6;background:linear-gradient(270deg,#4a9eff,#0000);width:120px;height:2px;animation:4s ease-in-out 2s infinite cornerGlowH;position:absolute;bottom:0;right:0}.corner-border-br:after{content:"";opacity:.6;background:linear-gradient(#0000,#4a9eff);width:2px;height:120px;animation:4s ease-in-out 2s infinite cornerGlowV;position:absolute;bottom:0;right:0}@keyframes cornerGlowH{0%,to{opacity:.4;width:100px}50%{opacity:.8;width:160px}}@keyframes cornerGlowV{0%,to{opacity:.4;height:100px}50%{opacity:.8;height:160px}}.hero-content{z-index:2;grid-template-columns:220px 1fr;align-items:center;gap:3rem;width:100%;max-width:1000px;margin:0 auto;padding:2rem 0;display:grid;position:relative}@media (max-width:900px){.hero-content{text-align:center;grid-template-columns:1fr;gap:1.5rem;padding:1rem 0}}.putali-container{will-change:transform;justify-content:center;align-items:flex-end;display:flex;position:relative}.putali-image{filter:drop-shadow(0 0 20px #ff67d44d);will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:pointer;width:180px;height:auto}.putali-glow{filter:blur(12px);background:radial-gradient(#ff67d440 0%,#0000 70%);border-radius:50%;width:140px;height:30px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@media (max-width:900px){.putali-container{order:-1;justify-content:center}.putali-image{width:140px}}.hero-branding{flex-direction:column;gap:1rem;display:flex}.hero-title{letter-spacing:-.04em;color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#e0e7ff 50%,#4a9eff 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Outfit,Inter,system-ui,sans-serif;font-size:4rem;font-weight:900;line-height:1}.hero-subtitle{color:#aab4c5;letter-spacing:.15em;margin:0;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:500}.hero-subtitle span{color:#4a9eff}.hero-description{color:#aab4c5;max-width:400px;margin:.5rem 0 0;font-family:Inter,system-ui,sans-serif;font-size:1.1rem;line-height:1.6}@media (max-width:900px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:.85rem}.hero-description{max-width:100%;font-size:.95rem}}.welcome-card-wrapper{z-index:10;flex-direction:column;align-items:flex-end;gap:.75rem;display:flex;position:relative}@media (max-width:900px){.welcome-card-wrapper{align-items:center;width:100%}}.nav-panel{-webkit-backdrop-filter:blur(20px);will-change:opacity, transform;background:#050816a6;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:1.5rem;width:340px;padding:1.75rem 1.5rem;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 35px #4da6ff14,0 0 55px #ff4fd80f,inset 0 0 24px #ffffff05}.nav-panel:hover{border-color:#ffffff1f;box-shadow:0 0 45px #4da6ff1f,0 0 65px #ff4fd81a}.nav-panel-header{flex-direction:column;gap:.25rem;display:flex}.nav-panel-welcome{letter-spacing:.2em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff4fd8,#4da6ff);-webkit-background-clip:text;background-clip:text;font-family:Outfit,Inter,system-ui,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.nav-panel-title{color:#fff;letter-spacing:-.01em;margin:0;font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.15rem;font-weight:800}.nav-cards-list{flex-direction:column;gap:.75rem;width:100%;display:flex}.nav-item-card{-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;padding:.9rem 1.1rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.nav-item-arrow{opacity:.3;color:#fff;z-index:2;margin-left:auto;transition:all .3s;transform:translate(0)}.nav-item-card:hover .nav-item-arrow{opacity:.85;transform:translate(3px)}.nav-item-icon-wrapper{z-index:2;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s;display:flex}.nav-item-icon{color:#fff;opacity:.8;transition:all .3s}.nav-item-card:hover .nav-item-icon{opacity:1;transform:scale(1.1)}.nav-item-text{z-index:2;flex-direction:column;gap:.15rem;display:flex}.nav-item-title{letter-spacing:.05em;color:#fff;font-family:Outfit,Inter,system-ui,sans-serif;font-size:.8rem;font-weight:800;transition:color .3s}.nav-item-subtitle{color:#aab4c5;font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:500}.neural-node{z-index:3;border-radius:50%;width:4px;height:4px;transition:all .3s;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.scan-line{pointer-events:none;z-index:1;background:linear-gradient(#0000,#ffffff04,#0000);width:100%;height:40px;position:absolute;top:-100%;left:0}.nav-item-card:hover .scan-line{animation:2s linear infinite cardScan}@keyframes cardScan{0%{top:-100%}to{top:100%}}.nav-item-card--pink{border-color:#ff4fd81f}.nav-item-card--pink .neural-node{background:#ff4fd8;box-shadow:0 0 6px #ff4fd8}.nav-item-card--pink:hover{background:#ff4fd80a;border-color:#ff4fd873;box-shadow:0 0 15px #ff4fd826,inset 0 0 10px #ff4fd80d}.nav-item-card--pink:hover .nav-item-icon-wrapper{background:#ff4fd81a;border-color:#ff4fd84d}.nav-item-card--pink:hover .nav-item-icon,.nav-item-card--pink:hover .nav-item-title{color:#ff4fd8}.nav-item-card--pink .scan-line{background:linear-gradient(#0000,#ff4fd80d,#0000)}.nav-item-card--blue{border-color:#4da6ff1f}.nav-item-card--blue .neural-node{background:#4da6ff;box-shadow:0 0 6px #4da6ff}.nav-item-card--blue:hover{background:#4da6ff0a;border-color:#4da6ff73;box-shadow:0 0 15px #4da6ff26,inset 0 0 10px #4da6ff0d}.nav-item-card--blue:hover .nav-item-icon-wrapper{background:#4da6ff1a;border-color:#4da6ff4d}.nav-item-card--blue:hover .nav-item-icon,.nav-item-card--blue:hover .nav-item-title{color:#4da6ff}.nav-item-card--blue .scan-line{background:linear-gradient(#0000,#4da6ff0d,#0000)}.nav-item-card--purple{border-color:#a855f71f}.nav-item-card--purple .neural-node{background:#a855f7;box-shadow:0 0 6px #a855f7}.nav-item-card--purple:hover{background:#a855f70a;border-color:#a855f773;box-shadow:0 0 15px #a855f726,inset 0 0 10px #a855f70d}.nav-item-card--purple:hover .nav-item-icon-wrapper{background:#a855f71a;border-color:#a855f74d}.nav-item-card--purple:hover .nav-item-icon,.nav-item-card--purple:hover .nav-item-title{color:#a855f7}.nav-item-card--purple .scan-line{background:linear-gradient(#0000,#a855f70d,#0000)}.need-help-btn{color:#4a9eff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a9eff14;border:1px solid #4a9eff33;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;transition:all .3s;display:inline-flex}.need-help-btn:hover{background:#4a9eff26;border-color:#4a9eff66;transform:translateY(-1px);box-shadow:0 0 20px #4a9eff26}@media (max-width:900px){.welcome-card-wrapper{align-items:center}.nav-panel{width:100%;max-width:340px}}.option-cards-section{z-index:2;justify-content:center;gap:1.25rem;width:100%;max-width:900px;margin:3rem auto 0;padding:0 1rem;display:flex;position:relative}.option-card{-webkit-backdrop-filter:blur(16px);cursor:pointer;will-change:transform;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.option-card:before{content:"";opacity:0;background:linear-gradient(135deg,#4a9eff0d 0%,#ff67d408 100%);border-radius:16px;transition:opacity .35s;position:absolute;inset:0}.option-card:hover:before{opacity:1}.option-card:hover{border-color:#4a9eff33;box-shadow:0 8px 40px #4a9eff14}.option-card-emoji{font-size:1.5rem;line-height:1}.option-card-title{color:#fff;margin:0;font-family:Outfit,Inter,system-ui,sans-serif;font-size:1rem;font-weight:700}.option-card-desc{color:#aab4c5;margin:0;font-family:Inter,system-ui,sans-serif;font-size:.8rem;line-height:1.55}.option-card--desktop-only{display:flex}@media (max-width:768px){.option-card--desktop-only{display:none}.option-cards-section{gap:1rem;margin-top:2rem}.option-card{padding:1.25rem}}.scroll-reveal{opacity:0;transform:translateY(30px)}.scroll-reveal--visible{opacity:1;transition:opacity .7s,transform .7s;transform:translateY(0)}.hero-sano-image{filter:drop-shadow(0 0 20px #3b82f666);will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:180px;height:auto}@media (max-width:900px){.hero-sano-image{width:140px}}.mobile-speech-bubble{z-index:50;-webkit-backdrop-filter:blur(20px);text-align:center;color:#fbcfe8;background:#100a1af2;border:1px solid #ec489933;border-radius:16px;width:250px;padding:1rem;font-family:monospace;font-size:.75rem;line-height:1.5;position:absolute;bottom:115%;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #ec489926}.mobile-speech-bubble:after{content:"";background:#100a1af2;border-bottom:1px solid #ec489933;border-right:1px solid #ec489933;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.scroll-wayfinder{z-index:10;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:60px;height:auto;transition:opacity .6s,transform .6s;display:flex;position:fixed;top:50%;right:70px;transform:translateY(-50%)}@media (max-width:1100px){.scroll-wayfinder{display:flex;top:58%;right:24px}}@media (max-width:480px){.scroll-wayfinder{right:12px}}.wayfinder-node-container{transition:opacity .3s ease, transform .3s ease, var(--interactive-transition,.3s ease);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:.35rem;padding:0;display:flex}.wayfinder-chevron{color:#fff;opacity:.65;filter:drop-shadow(0 0 2px #fff3);transition:all .3s}.wayfinder-chevron--top{animation:2.5s ease-in-out infinite chevronBobUp}.wayfinder-chevron--bottom{animation:2.5s ease-in-out infinite chevronBobDown}@keyframes chevronBobUp{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes chevronBobDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.wayfinder-dot{background:#fff;border-radius:50%;width:6px;height:6px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.wayfinder-dot--top{background:#ff4fd8;box-shadow:0 0 6px #ff4fd8,0 0 12px #ff4fd899}.wayfinder-dot--bottom{background:#4da6ff;box-shadow:0 0 6px #4da6ff,0 0 12px #4da6ff99}.wayfinder-label{text-transform:uppercase;letter-spacing:.26em;color:#cdd5e0;writing-mode:vertical-rl;text-orientation:mixed;opacity:.65;margin:0;font-family:Outfit,Inter,system-ui,sans-serif;font-size:.72rem;font-weight:800;transition:all .3s}.wayfinder-center-guide{opacity:.8;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;margin:.15rem 0;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex}.wayfinder-center-guide:hover{opacity:1}.wayfinder-guide-text{text-transform:uppercase;letter-spacing:.16em;color:#cdd5e0;writing-mode:vertical-rl;text-orientation:mixed;opacity:.75;font-family:Outfit,Inter,system-ui,sans-serif;font-size:.48rem;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1)}.wayfinder-guide-text--top{color:#ffb3f0;text-shadow:0 0 8px #ff4fd873}.wayfinder-guide-text--bottom{color:#b3d9ff;text-shadow:0 0 8px #4da6ff73}.wayfinder-center-guide:hover .wayfinder-guide-text--top{color:#ff4fd8;opacity:1;text-shadow:0 0 12px #ff4fd8,0 0 16px #ff4fd899}.wayfinder-center-guide:hover .wayfinder-guide-text--bottom{color:#4da6ff;opacity:1;text-shadow:0 0 12px #4da6ff,0 0 16px #4da6ff99}.wayfinder-node-container:hover .wayfinder-label{color:#fff;opacity:1}.wayfinder-node-container:hover .wayfinder-chevron{opacity:.95}.wayfinder-node-container--active .wayfinder-label{color:#fff;opacity:.95}.wayfinder-node-container--active.wayfinder-node-container--top .wayfinder-label{text-shadow:0 0 4px #ff4fd866}.wayfinder-node-container--active.wayfinder-node-container--bottom .wayfinder-label{text-shadow:0 0 4px #4da6ff66}.wayfinder-node-container--active .wayfinder-chevron{opacity:.95}.wayfinder-line-svg{width:40px;height:50px;overflow:visible}.wayfinder-line-bg{stroke:url(#scrollPathGradient);stroke-width:2px;opacity:.3;fill:none}.wayfinder-line-pulse{stroke:url(#scrollPathGradient);stroke-width:2.5px;fill:none;stroke-dasharray:20 80;stroke-dashoffset:100px;opacity:.8;filter:drop-shadow(0 0 2px #a855f74d);transition:animation-duration .3s,stroke-width .3s,filter .3s;animation:3s linear infinite strokePulse}@keyframes strokePulse{to{stroke-dashoffset:-100px}}.scroll-wayfinder:has(.wayfinder-node-container--top:hover) .wayfinder-line-svg:first-of-type .wayfinder-line-pulse{stroke-width:3px;filter:drop-shadow(0 0 3px #ff4fd880);animation-duration:1.2s}.scroll-wayfinder:has(.wayfinder-node-container--bottom:hover) .wayfinder-line-svg:last-of-type .wayfinder-line-pulse{stroke-width:3px;filter:drop-shadow(0 0 3px #4da6ff80);animation-duration:1.2s}.scroll-wayfinder.scrolling-up .wayfinder-line-svg:first-of-type .wayfinder-line-pulse{stroke-width:3.5px;filter:drop-shadow(0 0 4px #ff4fd899);animation-duration:.8s}.scroll-wayfinder.scrolling-up .wayfinder-guide-text--top{transform:scale(1.08);color:#ff4fd8!important;opacity:1!important;text-shadow:0 0 12px #ff4fd8,0 0 20px #ff4fd8bf!important}.scroll-wayfinder.scrolling-down .wayfinder-line-svg:last-of-type .wayfinder-line-pulse{stroke-width:3.5px;filter:drop-shadow(0 0 4px #4da6ff99);animation-duration:.8s}.scroll-wayfinder.scrolling-down .wayfinder-guide-text--bottom{transform:scale(1.08);color:#4da6ff!important;opacity:1!important;text-shadow:0 0 12px #4da6ff,0 0 20px #4da6ffbf!important}.hero-scroll-hints{letter-spacing:.08em;align-items:center;gap:2rem;margin-top:1.25rem;font-family:Outfit,Inter,system-ui,sans-serif;font-size:.75rem;font-weight:850;display:flex}.scroll-hint{-webkit-user-select:none;user-select:none}.scroll-hint--terminal{color:#ff67d4}.scroll-hint--portfolio{color:#4da6ff}@media (max-width:900px){.hero-scroll-hints{flex-wrap:wrap;justify-content:center;gap:1.25rem}}:not(.dark) .hero-section{background-color:#f0f2f5;background-image:radial-gradient(circle at 50% 120px,#3b82f61f 0%,#0000 60%),radial-gradient(circle at 10% 80%,#ff67d414 0%,#0000 50%)}:not(.dark) .hero-grid{background-image:linear-gradient(#3b82f61f 1px,#0000 1px),linear-gradient(90deg,#3b82f61f 1px,#0000 1px)}:not(.dark) .hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0f172a 0%,#312e81 50%,#1e40af 100%);-webkit-background-clip:text;background-clip:text}:not(.dark) .hero-subtitle{color:#475569}:not(.dark) .hero-description{color:#334155}:not(.dark) .nav-panel{background:#ffffffa6;border-color:#00000014;box-shadow:0 0 35px #4da6ff0d,0 0 55px #ff4fd808,inset 0 0 24px #00000003}:not(.dark) .nav-panel:hover{border-color:#0000001f}:not(.dark) .nav-panel-title{color:#0f172a}:not(.dark) .nav-item-card{background:#fff6;border-color:#0000000f}:not(.dark) .nav-item-title{color:#1e293b}:not(.dark) .nav-item-subtitle{color:#64748b}:not(.dark) .nav-item-icon-wrapper{background:#00000008;border-color:#00000012}:not(.dark) .nav-item-icon,:not(.dark) .nav-item-arrow{color:#475569}:not(.dark) .option-card{background:#ffffffb3;border-color:#00000014}:not(.dark) .option-card-title{color:#0f172a}:not(.dark) .option-card-desc,:not(.dark) .wayfinder-label,:not(.dark) .wayfinder-chevron{color:#475569}:not(.dark) .wayfinder-node-container:hover .wayfinder-label,:not(.dark) .wayfinder-node-container--active .wayfinder-label{color:#0f172a}@property --tw-duration{syntax:"*";inherits:false}