.pixel-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#333;color:white;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;outline:none;border:none;border-radius:12px;padding:.25rem 1rem;overflow:hidden;transition:opacity .3s ease,transform .3s ease;font-family:Sylfaen,sans-serif}.pixel-btn:hover{opacity:.9;transform:scale(1.05)}.pixel-btn-gradient{background:linear-gradient(90deg,#27272a 40%,#84cc16 60%,#365314 90%)}.pixel-btn span{position:relative;z-index:2;font-weight:600}.pixel-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.pixel-container .pixel{position:absolute;width:10px;height:10px;pointer-events:none;background:var(--clr);opacity:1;transition:transform .5s ease,opacity .5s ease}.pixel-btn:hover .pixel{opacity:0;transform:translate(var(--tx),var(--ty))}.menu-btn{display:flex;align-items:center;justify-content:center;background-color:rgba(207,216,220,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 2px rgba(100,116,139,.2);color:white;border-radius:1rem;width:6rem;height:50px;font-size:15px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1);text-decoration:none}.menu-btn:hover{transform:scale(1.1);box-shadow:0 4px 6px rgba(100,116,139,.5)}.content-fade{animation:fadeInOut .6s ease-in-out;font-size:1rem;max-width:48rem;padding:2rem;text-align:center}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}30%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.beegee{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E")}html.dark .beegee{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");background-color:#111111c2;color:white}.bgee{background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")}@keyframes softBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce-soft{animation:softBounce 1.8s ease-in-out infinite}html{transition:background-color .3s ease,color .3s ease}