.off-screen-menu{display:none}.navigation-wrapper{display:flex;justify-content:center;background-color:rgba(6,8,12,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--ut-border);color:#fff;z-index:1000;position:fixed;left:0;right:0;height:60px;transition:top .3s ease}.nav-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px}.logo a{display:flex}.logo img{max-height:40px}.nav-center{position:absolute;left:50%;transform:translateX(-50%)}.right-icons i:hover{color:#fff;transition:color .3s}.search-bar button:hover,.button-style:hover,#loginButton:hover,#signupButton:hover,.login-buttons button:hover{background:#555;color:#fff;transition:background .3s ease}.wp-block-navigation{display:flex}.wp-block-navigation a{position:relative;margin:0 16px;padding:4px 0;font-family: var(--ut-font-body);font-size:15px;font-weight:500;letter-spacing:.2px;text-decoration:none;color:var(--ut-text-3);transition:color .2s ease}.wp-block-navigation a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--ut-accent);transform:scaleX(0);transform-origin:center;transition:transform .22s var(--ut-ease)}.wp-block-navigation a:hover{color:var(--ut-text)}.wp-block-navigation a:hover::after{transform:scaleX(1)}.right-icons{display:flex;align-items:flex-start;position:relative}.search-icon,.user-login{display:flex;align-items:center;cursor:pointer}.search-icon i,.user-login i{font-size:18px;color:#fff}.search-icon{margin-left:15px;z-index:1001}.search-bar{display:none;position:absolute;top:100%;right:25px;width:340px;margin-top:30px;padding:18px;box-sizing:border-box;background:rgba(8,10,16,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--ut-border-mid);border-radius:var(--ut-r-lg);box-shadow:var(--ut-shadow)}.search-bar.visible{display:block;top: calc(100% + 18px);animation:ut-rise .22s var(--ut-ease) both}.search-bar form{display:flex;flex-direction:column;gap:14px}.search-options{display:flex;gap:12px}.category-select,.tag-select{flex:1;min-width:0}.category-select label,.tag-select label{display:block;margin-bottom:8px;font-family: var(--ut-font-mono);color:var(--ut-text-muted);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.search-bar input[type="text"]{padding:11px 13px;font-size:14px;font-family: var(--ut-font-body);background:var(--ut-glass-strong);color:var(--ut-text);border:1px solid var(--ut-border-mid);border-radius:var(--ut-r-sm);width:100%;box-sizing:border-box;outline:none;transition:border-color .2s ease , box-shadow .2s ease}.search-bar input[type="text"]::placeholder{color:var(--ut-text-muted)}.search-bar input[type="text"]:focus{border-color:var(--ut-accent);box-shadow:var(--ut-ring)}.search-bar button{background:#ececec;color:#101012;border:1px solid #ececec;padding:11px;cursor:pointer;font-size:.92rem;font-family: var(--ut-font-body);font-weight:600;border-radius:var(--ut-r-sm);transition:background .2s ease , border-color .2s ease}.search-bar button:hover{background:#fff;border-color:#fff;color:#101012}.category-box,.tag-box{border:1px solid var(--ut-border);padding:6px;border-radius:var(--ut-r-sm);background:var(--ut-ink);height:116px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ut-border-strong) transparent}.category-box::-webkit-scrollbar,.tag-box::-webkit-scrollbar{width:8px}.category-box::-webkit-scrollbar-thumb,.tag-box::-webkit-scrollbar-thumb{background:var(--ut-border-strong);border-radius:100px;border:2px solid transparent;background-clip:padding-box}.styled-select{list-style-type:none;padding:0;margin:0;font-size:13px}.styled-select li{margin:2px 0}.styled-select input[type="radio"]{display:none}.styled-select li label{display:block;padding:6px 10px;border-radius:7px;color:var(--ut-text-3);cursor:pointer;transition:background .15s ease , color .15s ease}.styled-select li label:hover{background:var(--ut-fill-soft);color:var(--ut-text)}.styled-select input[type="radio"]:checked+label{background:var(--ut-accent-soft);color:var(--ut-accent);font-weight:600}.user-login{margin-left:15px}.user-login-form{position:absolute;top:100%;right:0;margin-top:16px;width:280px;padding:20px;background:rgba(8,10,16,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.55);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease , transform .22s ease , visibility .22s}.user-login-form.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.login-feedback{display:none;font-size:13px;line-height:1.4;padding:9px 12px;border-radius:8px;margin-bottom:14px}.login-feedback.is-error{display:block;background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.35);color:#ff9b9b}.login-feedback.is-success{display:block;background:rgba(80,200,130,.12);border:1px solid rgba(80,200,130,.35);color:#8fe3ab}.user-login-form input[type="text"],.user-login-form input[type="password"]{width:100%;box-sizing:border-box;padding:11px 12px;font-size:15px;background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;margin-bottom:12px;outline:none;transition:border-color .2s ease , background .2s ease}.user-login-form input::placeholder{color:#8a8a8a}.user-login-form input[type="text"]:focus,.user-login-form input[type="password"]:focus{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.07)}.login-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:#b0b0b0;margin-bottom:14px;cursor:pointer;user-select:none}.login-remember input{accent-color:#888}.button-style{background:#444;color:#fff;padding:10px;border:none;border-radius:4px;width:90%;text-align:center;cursor:pointer;text-decoration:none}.login-buttons{display:flex;gap:10px;width:100%}.login-buttons button{flex:1;padding:11px;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;transition:background .2s ease , border-color .2s ease , opacity .2s ease}#loginButton{background:#ececec;color:#101012}#loginButton:hover{background:#fff}#loginButton:disabled{opacity:.6;cursor:default}#signupButton{background:rgba(255,255,255,.05);color:#e8e8e8;border-color:rgba(255,255,255,.16)}#signupButton:hover{background:rgba(255,255,255,.12)}.forgot-password{display:inline-block;margin-top:14px;font-size:12.5px;color:#9a9a9a;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:#fff}.user-profile{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-icon{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.username{font-size:15px;font-weight:600;color:#fff;margin:0}.user-profile .login-buttons button{background:rgba(255,255,255,.05);color:#e8e8e8;border:1px solid rgba(255,255,255,.16)}.user-profile .login-buttons button:hover{background:rgba(255,255,255,.12)}@media (max-width:1024px){.nav-container{padding:0 15px}.logo img{width:150px}.wp-block-navigation a{font-size:14px}.wp-block-navigation{padding-top:10px}.right-icons{padding-top:10px}.search-icon i,.user-login i{font-size:16px}}@media (max-width:768px){.nav-center,.right-icons,.off-screen-search-bar button[type="submit"]{display:none}.auth-buttons{display:flex;justify-content:space-between;margin-top:20px}.auth-buttons button{background-color:#444;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:4px;cursor:pointer;width:48%}.auth-buttons button:hover{background-color:#555}.off-screen-container{width:90%}body{padding-top:60px}nav{padding:1rem;display:flex}.ham-menu{height:40px;width:30px;margin-left:auto;position:relative;top:-20%}.ham-menu span{height:4px;width:100%;background-color:#fff;border-radius:25px;position:absolute;left:40%;top:50%;transform:translate(-50%,-50%);transition:.3s ease}.ham-menu span:nth-child(1) {top:25%}.ham-menu span:nth-child(3) {top:75%}.ham-menu.active span{background-color:#fff}.ham-menu.active span:nth-child(1) {top:50%;transform:translate(-50%,-50%) rotate(45deg)}.ham-menu.active span:nth-child(2) {opacity:0}.ham-menu.active span:nth-child(3) {top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.logo img{max-height:30px}.off-screen-menu{background-color:rgba(10,11,13,.92);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--ut-border);width:100%;position:fixed;top:60px;left:0;display:flex;text-align:left;font-size:1.5rem;padding:1.25rem 1rem 1.5rem;box-sizing:border-box;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .28s var(--ut-ease) , transform .28s var(--ut-ease)}.off-screen-menu.active{opacity:1;transform:translateY(0);pointer-events:auto}.off-screen-menu li{margin:10px 0}.off-screen-content{width:90%}.off-screen-content a{display:inline-block;color:var(--ut-text-2);text-decoration:none;font-family: var(--ut-font-display);font-weight:500;font-size:1.3rem;letter-spacing:-.3px;transition:color .2s ease , transform .2s var(--ut-ease)}.off-screen-content a:hover{color:var(--ut-accent);transform:translateX(6px)}.off-screen-menu.active .mobile-divider{display:block}.mobile-divider{height:1px;background:#444;margin:6px 0;width:112%}.off-screen-search-bar{padding:12px 0 4px;box-sizing:border-box}.off-screen-search-bar form{display:flex;align-items:center;gap:8px;width:100%}.mobile-search-input-group{position:relative;flex:1;display:flex;align-items:center}.mobile-search-icon{position:absolute;left:10px;color:#555;font-size:13px;pointer-events:none}.off-screen-search-bar input[type="text"]{width:100%;padding:10px 12px 10px 32px;border:1px solid #333;border-radius:4px;background-color:#1a1a1a;color:#fff;font-size:14px;font-family: var(--ut-font-body);outline:none;box-sizing:border-box;transition:border-color .2s}.off-screen-search-bar input[type="text"]::placeholder{color:#555}.off-screen-search-bar input[type="text"]:focus{border-color:#555}.mobile-search-submit{background:#2b2c30;color:#fff;border:1px solid #3a3b40;border-radius:4px;padding:10px 14px;cursor:pointer;font-size:14px;flex-shrink:0;transition:background .2s}.mobile-search-submit:hover{background:#3a3b40}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.overlay.active{display:block}}