.site-nav{display:flex;align-items:center;gap:1.5rem;padding:.75rem clamp(1.5rem,4vw,3rem);background:#ffffffd9;border-bottom:1px solid rgba(148,163,184,.12);box-shadow:0 1px 3px #0f172a0a,0 8px 24px #0f172a0f;backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-nav__brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;font-weight:800;font-size:1.25rem;padding:.5rem .75rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0}.site-nav__brand:hover{background:#065f460f;transform:translateY(-1px)}.site-nav__brand:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#065f4633,#0d948833);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.site-nav__brand:hover:before{opacity:1}.site-nav__logo{width:2.5rem;height:2.5rem;object-fit:contain;transition:transform .3s cubic-bezier(.4,0,.2,1)}.site-nav__brand:hover .site-nav__logo{transform:scale(1.1) rotate(-5deg)}.site-nav__name{color:#0f172a;font-weight:800;background:linear-gradient(135deg,#0f172a,#065f46);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-nav__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;background:transparent;border:2px solid rgba(148,163,184,.2);border-radius:10px;cursor:pointer;padding:0;margin-left:auto;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.site-nav__toggle:hover{background:#065f460f;border-color:#065f464d;transform:scale(1.05)}.site-nav__toggle:active{transform:scale(.95)}.site-nav__toggle-bar{width:1.375rem;height:2px;background:linear-gradient(135deg,#065f46,#0d9488);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute}.site-nav__toggle-bar:nth-child(1){transform:translateY(-6px)}.site-nav__toggle-bar:nth-child(2){transform:translateY(0)}.site-nav__toggle-bar:nth-child(3){transform:translateY(6px)}.site-nav__toggle.active .site-nav__toggle-bar:nth-child(1){transform:translateY(0) rotate(45deg)}.site-nav__toggle.active .site-nav__toggle-bar:nth-child(2){opacity:0;transform:translate(-20px)}.site-nav__toggle.active .site-nav__toggle-bar:nth-child(3){transform:translateY(0) rotate(-45deg)}.site-nav__links{display:flex;list-style:none;margin:0 0 0 auto;padding:0;gap:.5rem;flex-shrink:0}.site-nav__links a{text-decoration:none;color:#475569;font-weight:600;font-size:.95rem;padding:.625rem 1.125rem;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem}.site-nav__icon{font-size:1.125rem;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.site-nav__links a:hover .site-nav__icon{transform:scale(1.15) translateY(-1px)}.site-nav__links a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#065f4614,#0d948814);opacity:0;transition:opacity .3s ease}.site-nav__links a:hover:before,.site-nav__links a:focus-visible:before{opacity:1}.site-nav__links a:hover,.site-nav__links a:focus-visible{color:#065f46;outline:none;transform:translateY(-2px);box-shadow:0 4px 12px #065f4626}.site-nav__links a:active{transform:translateY(0)}.site-nav__links a.active{color:#065f46;background:#065f461a;font-weight:700}@media(max-width:768px){.site-nav{flex-wrap:wrap;padding:1rem 1.5rem}.site-nav__brand{order:1}.site-nav__toggle{display:flex;order:2;margin-left:auto}.site-nav__links{order:3;width:100%;flex-direction:column;margin-left:0;gap:.5rem;align-items:stretch;max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:0}.site-nav__links.active{max-height:500px;opacity:1;margin-top:1rem;animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.site-nav__links li{width:100%;opacity:0;transform:translate(-20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.site-nav__links.active li{opacity:1;transform:translate(0)}.site-nav__links.active li:nth-child(1){transition-delay:.05s}.site-nav__links.active li:nth-child(2){transition-delay:.1s}.site-nav__links.active li:nth-child(3){transition-delay:.15s}.site-nav__links.active li:nth-child(4){transition-delay:.2s}.site-nav__links.active li:nth-child(5){transition-delay:.25s}.site-nav__links.active li:nth-child(6){transition-delay:.3s}.site-nav__links a{width:100%;font-size:.9375rem;padding:.875rem 1.125rem;justify-content:flex-start;text-align:left;border-radius:12px;background:#ffffff80;border:1px solid rgba(148,163,184,.1)}.site-nav__links a:hover{background:#065f4614;border-color:#065f4633;transform:translate(4px)}.site-nav__links a.active{background:linear-gradient(135deg,#065f461f,#0d94881f);border-color:#065f464d;box-shadow:0 2px 8px #065f461a}.site-nav__icon{font-size:1.125rem}}@media(max-width:480px){.site-nav{padding:.875rem 1rem}.site-nav__name{font-size:1.125rem}.site-nav__logo{width:2rem;height:2rem}.site-nav__toggle{width:2.5rem;height:2.5rem}.site-nav__toggle-bar{width:1.25rem}.site-nav__links a{font-size:.875rem;padding:.75rem 1rem}.site-nav__icon{font-size:1rem}}