.mini-login .form{position:relative;display:block;padding:2.2rem;max-width:350px;margin:0 auto;background:linear-gradient(14deg,rgba(2,0,36,.8),rgba(24,24,65,.7) 66%,rgb(20,76,99)),radial-gradient(circle,rgba(2,0,36,.5) 0,rgba(32,15,53,.2) 65%,rgba(14,29,28,.9) 100%);border:2px solid #fff;box-shadow:0 0 50px -15px rgba(0,212,255,.6);overflow:hidden;z-index:1;border-radius:12px}@media (max-width:640px){.mini-login .form{background:linear-gradient(14deg,rgba(2,0,36,.9),rgba(24,24,65,.8) 66%,rgb(20,76,99)),radial-gradient(circle,rgba(2,0,36,.6) 0,rgba(32,15,53,.3) 65%,rgba(14,29,28,1) 100%)}}.mini-login .input-container{position:relative}.mini-login .form button,.mini-login .input-container input{outline:none;margin:0;font-family:monospace}.mini-login .form button{border:2px solid #ffffff;margin:8px 0}.mini-login .input-container{border:none!important}.mini-login .input-container input{background-color:#fff;padding:6px;font-size:.875rem;line-height:1.25rem;width:250px;border:none!important;box-shadow:none!important}.mini-login .input-container input:focus{outline:none!important;border:none!important;box-shadow:none!important}.mini-login .input-container input::placeholder{color:#6b7280}.mini-login .input-mail:focus::placeholder,.mini-login .input-pwd:focus::placeholder{opacity:0;transition:opacity .9s}.mini-login .submit{position:relative;display:block;padding:10px;background-color:#c0c0c0;color:#4b5563;text-shadow:none;font-size:.9rem;line-height:1.25rem;font-weight:600;width:100%;text-transform:uppercase;overflow:hidden;border-radius:6px;transition:all .2s ease-out}.mini-login .submit:hover{border-radius:6px;box-shadow:4px 5px 17px -4px #ffffff;cursor:pointer}.mini-login .submit:hover:before{animation:mini-login-sh02 .5s linear 0s}.mini-login .submit:before{content:"";display:block;width:0;height:85%;position:absolute;top:50%;left:0;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;transform:skewX(-20deg)}@keyframes mini-login-sh02{0%{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}.mini-login .signup-link{color:#c0c0c0;font-size:.875rem;line-height:1.25rem;text-align:center;font-family:monospace}.mini-login .signup-link .up,.mini-login .signup-link a,.mini-login .signup-link button.up{color:#fff;text-decoration:none;background:transparent;border:none;padding:0;cursor:pointer;font:inherit}.mini-login .up:hover{text-decoration:underline}.mini-login .form-title{font-size:1.1rem;line-height:1.6rem;font-family:monospace;font-weight:600;text-align:center;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.7);animation-duration:1.5s;overflow:hidden;transition:.12s}.mini-login .form-title span{animation:mini-login-flickering 2s linear infinite both}.mini-login .title-2{display:block;margin:.2rem 0 .5rem;font-size:2rem;font-weight:800;font-family:Arial,Helvetica,sans-serif;text-align:center;-webkit-text-stroke:#fff .08rem;letter-spacing:.18rem;color:transparent;position:relative;text-shadow:0 0 16px #cecece}.mini-login .title-2 span:after,.mini-login .title-2 span:before{content:"—"}@keyframes mini-login-flickering{0%,to{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}.mini-login .bg-stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background-size:cover;animation:mini-login-animateBg 50s linear infinite}@keyframes mini-login-animateBg{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.mini-login .star{position:absolute;top:50%;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.1),0 0 0 8px rgba(255,255,255,.1),0 0 20px rgba(255,255,255,.1);animation:mini-login-animate 3s linear infinite}.mini-login .star:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:300px;height:1px;background:linear-gradient(90deg,#fff,transparent)}@keyframes mini-login-animate{0%{transform:rotate(315deg) translateX(0);opacity:1}70%{opacity:1}to{transform:rotate(315deg) translateX(-1000px);opacity:0}}.mini-login .star:first-child{top:0;right:0;left:auto;animation-delay:0s;animation-duration:1s}.mini-login .star:nth-child(2){top:0;right:100px;left:auto;animation-delay:.2s;animation-duration:3s}.mini-login .star:nth-child(3){top:0;right:220px;left:auto;animation-delay:2.75s;animation-duration:2.75s}.mini-login .star:nth-child(4){top:0;right:-220px;left:auto;animation-delay:1.6s;animation-duration:1.6s}.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}.notification-options .notification-description,.notification-options .notification-item,.notification-options .notification-time,.notification-options .notification-title{color:#3af4ef!important}}.hamburger{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px}.hamburger svg{position:relative;width:28px;height:28px;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[data-open=true] svg{transform:rotate(-45deg);transform-origin:center}.hamburger[data-open=true] 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}}