.notification-menu{position:relative;display:inline-block}@keyframes zoomOut{0%{transform:scale(1)}50%{transform:scale(.85)}to{transform:scale(1)}}.notification-button{transition:transform .3s ease}.notification-button.active{animation:zoomOut .3s ease-in-out}.notification-options{position:absolute;right:0;top:100%;min-width:320px;transform:translateY(10px);background-color:rgba(1,20,43,.95);backdrop-filter:blur(8px);border-radius:8px;padding:8px 0;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px;z-index:100}.notification-options.show{opacity:1;visibility:visible;transform:translateY(0)}.notification-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#3af4ef;transition:all .3s;border-bottom:1px solid rgba(58,244,239,.1)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:rgba(58,244,239,.1)}.notification-content{flex:1}.notification-title{font-size:14px;font-weight:500;margin-bottom:4px}.notification-description{font-size:12px;color:#a3a3a3}.notification-time{font-size:11px;color:#666}.notification-unread{background-color:rgba(255,215,77,.15);border-left:4px solid #ffd277}@media (max-width:768px){.notification-menu{position:static}.notification-options{position:fixed;bottom:auto;top:auto;right:16px;left:16px;min-width:unset;width:calc(100% - 32px);margin-top:0;max-height:80vh;overflow-y:auto}.notification-options,.notification-options.show{transform:translateY(-120%)}.mobile-notification-button{color:#01142b}.mobile-notification-button:hover{background-color:#2d3748}.mobile-notification-button:hover .notification-icon{color:#3af4ef}}.hamburger{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:85px;height:85px}.hamburger input{display:none}.hamburger svg{position:relative;width:52px;height:52px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-origin:center}.line{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg);transform-origin:center}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}@media (min-width:768px){.hamburger{width:45px;height:45px}.hamburger svg{width:32px;height:32px}.line{stroke-width:2}}.header-menu{position:relative;display:inline-block}.menu-selected{color:#3af4ef;font-size:16px;display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer}.menu-options{position:absolute;left:90%;top:100%;min-width:180px;transform:translateX(-50%) translateY(10px);background-color:rgba(1,20,43,.95);backdrop-filter:blur(8px);border-radius:8px;padding:8px 0;opacity:0;visibility:hidden;transition:all .3s ease;margin-top:8px}.menu-options.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.menu-options.visible{opacity:1;visibility:visible;transform:translateY(0)}.menu-option{display:block;padding:8px 16px;color:#3af4ef;transition:all .3s}.menu-option:hover{background-color:rgba(58,244,239,.1)}.menu-arrow{width:12px;height:12px;fill:currentColor;transition:transform .3s}.menu-arrow.rotate{transform:rotate(180deg)}