.header{position:absolute;top:0;left:0;width:100%;height:100px;display:flex;align-items:center;z-index:100;transition:var(--transition-smooth)}.header.sticky{position:fixed;height:80px;background-color:rgba(var(--bg-page-rgb),.95);backdrop-filter:blur(10px);box-shadow:0 4px 30px rgba(0,0,0,.3);border-bottom:1px solid var(--border-color-soft)}.admin-bar .header.sticky{top:32px}@media (max-width:782px){.admin-bar .header.sticky{top:46px}}.header-container{display:flex;justify-content:space-between;align-items:center}.logo-wrapper{display:flex;align-items:center}.logo-img{height:40px;width:auto;transition:var(--transition-smooth)}.header.sticky .logo-img{height:35px}.nav-menu{display:flex;align-items:center}.nav-list{display:flex;gap:30px}.nav-link{font-weight:var(--fw-medium);font-size:1.1rem;color:var(--text-white);padding:8px 0;position:relative}.nav-link:hover{color:var(--accent-cyan)}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:3px;background-color:var(--accent-cyan);border-radius:2px;transition:var(--transition-smooth)}.nav-link.active::after,.nav-link:hover::after{width:100%}.header-actions{display:flex;align-items:center;gap:20px}.header-actions .btn{padding:10px 24px;font-size:1rem}.theme-toggle{background:0 0;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.toggle-track{width:70px;height:34px;background-color:#622bb9;border:1px solid #fff;border-radius:30px;position:relative;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-sizing:border-box}.toggle-slider{position:absolute;top:3px;left:3px;width:26px;height:26px;background-color:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4, 0, .2, 1);z-index:2}.toggle-icon{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;z-index:1;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.icon-moon{right:8px;width:16px;height:16px;opacity:1}.icon-sun{left:7px;opacity:0;--stroke-0:#ffffff}body.light-mode .toggle-track{background-color:#fff;border-color:#191e3a;box-shadow:0 8px 50px -15px rgba(69,73,117,.63)}body.light-mode .toggle-slider{transform:translateX(38px);background-color:#191e3a}body.light-mode .icon-moon{opacity:0}body.light-mode .icon-sun{opacity:1;--stroke-0:#ff6f00;--fill-0:#ffb300}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:0 0;border:none;cursor:pointer;z-index:1001}.hamburger-menu .bar{width:100%;height:3px;background-color:var(--text-white);border-radius:2px;transition:var(--transition-smooth)}.mobile-drawer{position:fixed;top:0;inset-inline-end:-300px;width:300px;height:100%;background-color:var(--bg-dark);border-inline-start:1px solid var(--border-color-soft);box-shadow:-5px 0 25px rgba(0,0,0,.5);z-index:1002;padding:40px 30px;display:flex;flex-direction:column;gap:40px;transition:var(--transition-smooth);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-drawer::-webkit-scrollbar{display:none}html[dir=rtl] .mobile-drawer{box-shadow:5px 0 25px rgba(0,0,0,.5)}.mobile-drawer.open{inset-inline-end:0}.drawer-header{display:flex;justify-content:space-between;align-items:center}.close-drawer{font-size:2.5rem;color:var(--text-white);cursor:pointer}.drawer-list{display:flex;flex-direction:column;gap:25px}.drawer-link{font-size:1.25rem;font-weight:var(--fw-medium);display:block}.drawer-link:hover{color:var(--accent-cyan)}.drawer-actions{display:flex;flex-direction:column;gap:15px;margin-top:auto}.drawer-btn{width:100%;text-align:center}.mobile-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1001;display:none}.mobile-backdrop.open{display:block}.drawer-theme-row{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--border-color-soft)}.drawer-theme-label{font-size:1.1rem;color:var(--text-white);font-weight:var(--fw-medium)}@media (max-width:992px){.header-actions,.nav-menu{display:none}.hamburger-menu{display:flex}}body.light-mode .header.sticky{box-shadow:0 4px 30px rgba(25,30,58,.08)}body.light-mode .mobile-drawer{box-shadow:-5px 0 25px rgba(25,30,58,.08)}html[dir=rtl] body.light-mode .mobile-drawer{box-shadow:5px 0 25px rgba(25,30,58,.08)}