@media (prefers-reduced-motion:no-preference){body{animation:evPageIn .18s ease-out}@keyframes evPageIn{from{opacity:0}}}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:8px;z-index:22}
.menu-toggle span{display:block;width:20px;height:1.5px;background:rgba(255,255,255,.84);border-radius:1px;transition:transform .25s,opacity .25s}
.menu-toggle.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media (max-width:720px){
.menu-toggle{display:flex}
.navbar .menu{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:rgba(13,17,23,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:40px;z-index:21;transform:translateY(-100%);transition:transform .4s cubic-bezier(.22,1,.36,1)}
.navbar .menu.open{transform:translateY(0)}
.navbar .menu a{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
.navbar .menu{transition:none}
.menu-toggle span{transition:none}
}
.footer::before{content:"";display:block;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.08) 20%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 80%,transparent)}
.footer-status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-top:20px}
.footer-status-dot{width:6px;height:6px;border-radius:50%;background:#1D4ED8}
.footer-bottom span[aria-hidden="true"]{display:none}
@media (max-width:720px){.footer-bottom{justify-content:center}}
.menu a{position:relative}
.menu a::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#1D4ED8;transition:width .3s,left .3s}
.menu a:hover::after{width:100%;left:0}
@media (max-width:900px){
.footer-top{flex-direction:column;gap:48px;padding:56px 0 40px}
.footer-cols{flex-wrap:wrap;gap:40px}
.footer-inner{padding:0 32px}
}
body{text-rendering:auto}
