.login-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.login-form{background:#181818;border-radius:8px;padding:2.5rem 2rem;min-width:320px;max-width:95vw;box-shadow:0 4px 16px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:1.2rem}.login-form h2{color:#fff;margin:0 0 1.2rem;font-size:1.3rem;font-weight:600;text-align:center}.login-form input{padding:.75rem;border-radius:4px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.05);color:#fff;font-size:1rem;margin-bottom:.5rem;transition:border-color .2s}.login-form input:focus{outline:none;border-color:#1ec48e}.login-form .login-error{color:#d11342;background:rgba(209,19,66,.08);border-radius:4px;padding:.5rem 1rem;font-size:1rem;text-align:center}.login-form button{background:#1ec48e;color:#fff;font-weight:600;border:none;border-radius:4px;padding:.7rem 1.5rem;font-size:1rem;cursor:pointer;transition:background .2s;min-width:120px;margin-top:.5rem}.login-form button:hover:not(:disabled){background:#17a97c}.login-form button:disabled{opacity:.7;cursor:not-allowed}.admin-sidebar{width:250px;background-color:#1a1a1a;border-right:1px solid hsla(0,0%,100%,.1);padding:2rem 0;position:sticky;top:80px;align-self:flex-start;height:calc(100vh - 80px)}.admin-sidebar,.admin-sidebar nav{display:flex;flex-direction:column}.admin-sidebar nav{height:100%}.admin-sidebar nav ul{list-style:none;padding:0;margin:0;flex:1}.admin-sidebar nav ul li{margin:.5rem 0}.admin-sidebar nav ul li a{display:block;padding:.75rem 1.5rem;color:#fff;text-decoration:none;transition:all .2s ease;font-size:1rem}.admin-sidebar nav ul li a:hover{background-color:hsla(0,0%,100%,.1);color:#04aa6d}.admin-sidebar nav ul li a.active{background-color:#04aa6d;color:#0a0a0a}.admin-sidebar nav ul li .submenu{margin-left:1.5rem;border-left:1px solid hsla(0,0%,100%,.1);padding-left:.5rem}.admin-sidebar nav ul li .submenu li{margin:.25rem 0}.admin-sidebar nav ul li .submenu li a{padding:.5rem 1rem;font-size:.9rem}.admin-sidebar nav .logout-section{padding:1rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.1);margin-top:auto}.admin-sidebar nav .logout-section .logout-button{width:100%;padding:.75rem;background-color:transparent;border:1px solid #d11342;color:#d11342;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease}.admin-sidebar nav .logout-section .logout-button:hover{background-color:#d11342;color:#fff}header{padding:1em}@keyframes colorChange{0%{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}12.5%{filter:invert(29%) sepia(96%) saturate(7493%) hue-rotate(357deg) brightness(101%) contrast(105%)}25%{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}37.5%{filter:invert(50%) sepia(100%) saturate(1000%) hue-rotate(90deg) brightness(100%) contrast(100%)}50%{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}62.5%{filter:invert(50%) sepia(100%) saturate(1000%) hue-rotate(180deg) brightness(100%) contrast(100%)}75%{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}87.5%{filter:invert(84%) sepia(100%) saturate(1000%) hue-rotate(1deg) brightness(100%) contrast(100%)}to{filter:invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(100%) contrast(100%)}}nav{width:100%;display:flex;justify-content:space-between;align-items:center}nav .left-side-nav #navbar-logo{display:flex;justify-content:flex-start;align-items:center;gap:1rem}nav .left-side-nav #navbar-logo:hover{color:#fff}nav .left-side-nav #navbar-logo img{animation:colorChange 8s steps(1) infinite;width:3rem;height:auto}nav .left-side-nav #navbar-logo #navbar-logo-text{font-family:ClashDisplay-Variable,sans-serif;font-size:2rem;color:#fff;font-weight:600;letter-spacing:0}nav .right-side-nav{display:flex;align-items:center;justify-content:space-between;gap:3rem}nav .right-side-nav .navbar-subheading{font-family:ClashDisplay-Variable;text-transform:uppercase;font-size:1.2rem;font-weight:500;opacity:1;transition:opacity .8s cubic-bezier(.47,1.64,.41,.8)}nav .right-side-nav .navbar-subheading.hidden{opacity:0}nav .right-side-nav .hamburger-menu{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:3rem;height:3.2rem;gap:.1rem;cursor:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSI+PGNpcmNsZSBjeD0iNy41IiBjeT0iNy41IiByPSI3LjUiIGZpbGw9IiNjZmZmMDAiIC8+PC9zdmc+"),auto;transition:transform .8s cubic-bezier(.47,1.64,.41,.8)}nav .right-side-nav .hamburger-menu:hover{background-color:transparent}nav .right-side-nav .hamburger-menu.open{transform:rotate(90deg)}nav .right-side-nav .hamburger-menu .line{width:2.3rem;height:.4rem;background-color:#fff;transition:all .8s cubic-bezier(.47,1.64,.41,.8);border-radius:1px}nav .right-side-nav .hamburger-menu .top{width:2.3rem}nav .right-side-nav .hamburger-menu .middle{width:3.5rem}nav .right-side-nav .hamburger-menu .bottom{width:2.3rem}nav .right-side-nav .hamburger-menu:hover .bottom,nav .right-side-nav .hamburger-menu:hover .top{width:3.5rem}nav .right-side-nav .hamburger-menu:hover .middle{width:2.3rem}nav .right-side-nav ul{display:grid;grid-template-columns:repeat(7,minmax(max-content,1fr));align-items:center;justify-content:center;gap:1rem;max-width:1200px;margin:0 auto;text-align:center}nav .right-side-nav ul li{display:inline-block;float:none;vertical-align:middle}nav .right-side-nav ul li a{text-decoration:none;color:#fff;letter-spacing:.1rem;font-weight:700}.navbar-menu{display:flex;align-items:center;gap:1.5rem;list-style:none;margin:0;padding:0}.navbar-menu li a{color:#fff;text-decoration:none;font-size:.9rem;transition:opacity .2s ease}.navbar-menu li a:hover{opacity:.8}.navbar-menu li:last-child{margin-left:.5rem}.language-switcher{position:relative;margin-left:1rem;padding-left:1rem;border-left:1px solid hsla(0,0%,100%,.2)}.language-switcher .flag-icon{width:1.2rem;height:.8rem;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.language-switcher .current-lang{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:all .2s ease;font-weight:700;display:flex;align-items:center;gap:.5rem;position:relative}.language-switcher .current-lang:hover{opacity:.8}.language-switcher .language-dropdown{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(calc(-50% + 10px)) translateY(-10px);background:#1a1a1a;border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;min-width:80px;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1000;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.language-switcher .language-dropdown.open{opacity:1;visibility:visible;transform:translateX(calc(-50% + 10px)) translateY(0)}.language-switcher .language-dropdown:before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(calc(-50% + 10px));width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #1a1a1a}.language-switcher .language-dropdown .lang-btn{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:all .2s ease;text-align:left;width:100%;display:flex;align-items:center;gap:.5rem}.language-switcher .language-dropdown .lang-btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.language-switcher .language-dropdown .lang-btn.active{color:#fff;font-weight:700}.album-carousel{width:100%;height:calc(100vh - 140px);max-height:70vh;min-height:0;overflow:hidden;position:relative}.album-carousel .loading,.album-carousel .no-albums{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:#666}.album-carousel .carousel-viewport{overflow:hidden;width:100%;height:100%;min-height:0}.album-carousel .carousel-container{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:1.2rem;padding:0 1.2rem;height:100%;align-items:center}.album-carousel .carousel-slide{position:relative;aspect-ratio:2/3;min-width:480px;max-width:600px;background:#181818;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.12);display:flex;flex-direction:column;justify-content:flex-end}.album-carousel .carousel-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px 16px 0 0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.album-carousel .carousel-slide .slide-content{position:relative;z-index:2;background:none;color:#fff;padding:1.2rem 1rem 1.5rem;border-bottom-left-radius:16px;border-bottom-right-radius:16px;margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.2em;transition:opacity 1s}.album-carousel .carousel-slide .slide-content .slide-text-bg{background:rgba(0,0,0,.75);border-radius:4px;padding:.15em .5em;margin-bottom:.2em;display:inline-block;max-width:100%;word-break:break-word}.album-carousel .carousel-slide .slide-content .slide-text-bg p{margin:0}.album-carousel .carousel-slide .slide-content h3{margin:0;font-size:1.2rem;font-weight:600}.album-carousel .carousel-slide .slide-content p{margin:.5rem 0 0;font-size:1rem;opacity:.9}@media(min-width:901px){.album-carousel .carousel-slide .slide-content{opacity:0;pointer-events:none}.album-carousel .carousel-slide:hover .slide-content{opacity:1;pointer-events:auto}}@media(max-width:900px){.album-carousel .album-carousel{height:calc(100vh - 80px);max-height:80vh}.album-carousel .carousel-slide{aspect-ratio:2/3;max-height:70vh;min-width:80vw;max-width:90vw}.album-carousel .carousel-container{gap:.7rem}.album-carousel .carousel-slide .slide-content{opacity:1;pointer-events:auto}}@media(max-width:600px){.album-carousel .album-carousel{height:calc(100dvh - 60px);max-height:70vh}.album-carousel .carousel-slide{aspect-ratio:2/3;max-height:65vh;min-width:98vw;max-width:100vw}}.slide-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.slide-categories .category-tag{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;border:1px solid;font-size:.75rem;color:#fff;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-layout{display:flex;min-height:calc(100vh - 80px);background-color:#0a0a0a;padding-top:80px}.admin-layout .admin-content{flex:1;padding:2rem}