.liquid-glass-header{position:relative;border-radius:16px;background:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border:1px solid transparent;transition:background .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease,border-color .4s ease}.liquid-glass-header.scrolled{background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#ffffff14}.retro-btn-sm{--bg-dark: #1a1a1f;--bg-light: #fafafa;--accent: #18181b;display:inline-block;font-size:.75rem;cursor:pointer;position:relative;font-family:Cairo,sans-serif;font-weight:600;line-height:1;padding:1px;transform:translate(-2px,-2px);outline:2px solid transparent;outline-offset:3px;border-radius:6px;background-color:var(--bg-dark);color:var(--bg-dark);transition:transform .15s ease,box-shadow .15s ease;text-align:center;box-shadow:.5px .5px 0 0 var(--bg-dark),1px 1px 0 0 var(--bg-dark),1.5px 1.5px 0 0 var(--bg-dark),2px 2px 0 0 var(--bg-dark),0 0 0 1.5px var(--bg-light),.5px .5px 0 1.5px var(--bg-light),1px 1px 0 1.5px var(--bg-light),1.5px 1.5px 0 1.5px var(--bg-light),2px 2px 0 1.5px var(--bg-light)}.retro-btn-sm:hover{transform:translate(0);box-shadow:0 0 0 1.5px var(--bg-light)}.retro-btn-sm>div{position:relative;pointer-events:none;background-color:var(--accent);border:1.5px solid rgba(255,255,255,.3);border-radius:5px}.retro-btn-sm>div:before{content:"";position:absolute;inset:0;border-radius:5px;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%)}.retro-btn-sm>div>span{position:relative;display:flex;align-items:center;justify-content:center;padding:.4rem .8rem;color:#fff;filter:drop-shadow(0 -1px 0 rgba(255,255,255,.25))}