:root {
  --h1-bg: rgba(6, 13, 13, 0.18); 
  --h1-cyan: #00eaff;
  --h1-red: #ff4444;
  --h1-glow: rgba(0, 234, 255, 0.6);
  --h1-height: 96px; 
}

.entry-content, .post-content, .container-wrap { padding-top: 0 !important; margin-top: 0 !important; }

.h1-master-fixed {
    position: fixed; top: 0; left: 0; width: 100%; z-index: 10005;
    height: var(--h1-height);
    background: var(--h1-bg);
    backdrop-filter: blur(25px) saturate(150%);
    -webkit-backdrop-filter: blur(25px) saturate(150%);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);
    border-bottom: 1.5px solid rgba(0, 234, 255, 0.2);
    display: flex; align-items: center; padding: 0 4%; box-sizing: border-box;
    font-family: 'Segoe UI', system-ui, sans-serif;
}

.h1-col-left { flex: 1; display: flex; align-items: center; }
.h1-logo-wrap { display: flex; align-items: center; text-decoration: none !important; }
.h1-logo-box { 
    width: 44px; height: 44px; background: rgba(0, 0, 0, 0.8); 
    border-radius: 10px; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 0 15px var(--h1-glow); border: 1px solid rgba(0, 234, 255, 0.4); overflow: hidden;
}
.h1-logo-box img { width: 100%; height: 100%; object-fit: contain; }
.h1-logo-text { font-size: 1.25rem; font-weight: 900; color: var(--h1-cyan) !important; margin-left: 10px; letter-spacing: -0.5px; white-space: nowrap; }

.h1-col-center { flex: 2; display: flex; align-items: center; justify-content: center; }
.h1-nav-group { display: flex; gap: 4px; }
.h1-nav-group a { 
    text-decoration: none !important; color: #ffffff !important; font-size: 0.85rem; 
    padding: 10px 14px; border-radius: 8px; transition: 0.3s; font-weight: 700;
}
.h1-nav-group a:hover { color: var(--h1-cyan) !important; text-shadow: 0 0 10px var(--h1-cyan); }

.h1-col-right { flex: 1.5; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }

#h1_install_btn {
    display: none;
    border: 1.2px solid var(--h1-cyan); padding: 6px 10px; border-radius: 50px; 
    color: var(--h1-cyan) !important; font-weight: 800; font-size: 0.65rem; 
    transition: 0.3s; text-decoration: none !important; cursor: pointer;
    background: rgba(0, 234, 255, 0.05); white-space: nowrap;
}
#h1_install_btn:hover { background: var(--h1-cyan); color: #000 !important; }

.h1-btn-logout {
    display: none; align-items: center; justify-content: center;
    border: 1.5px solid var(--h1-red); padding: 8px 18px; border-radius: 50px; 
    color: var(--h1-red) !important; font-weight: 800; font-size: 0.8rem; 
    transition: 0.3s; text-decoration: none !important; gap: 6px;
    margin-left: 10px;
}
.h1-logout-icon { width: 18px; height: 18px; fill: currentColor; }

body.logged-in .h1-btn-logout { display: inline-flex !important; }
body.logged-in .h1-btn-insc { display: none !important; }

.h1-btn-insc {
    border: 1px solid var(--h1-cyan); padding: 8px 18px; border-radius: 50px; 
    color: var(--h1-cyan) !important; font-weight: 800; font-size: 0.8rem; 
    transition: 0.3s; text-decoration: none !important;
}

.h1-burger-btn { 
    display: none; background: none; border: 1.5px solid var(--h1-cyan); color: var(--h1-cyan); 
    padding: 7px 12px; border-radius: 8px; cursor: pointer; font-size: 1.1rem;
    margin-left: 5px;
}

.h1-mobile-pane {
    position: fixed; top: calc(var(--h1-height) * -12); left: 0; width: 100%; z-index: 10004;
    background: rgba(6, 13, 13, 0.98); backdrop-filter: blur(30px);
    padding: calc(var(--h1-height) + 20px) 0 40px; display: flex; flex-direction: column; align-items: center; gap: 8px;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); border-bottom: 2px solid var(--h1-cyan);
}
.h1-mobile-pane.active { transform: translateY(calc(var(--h1-height) * 12)); }
.h1-mobile-pane a { color: #fff !important; text-decoration: none !important; font-size: 1.1rem; font-weight: 700; padding: 10px; text-transform: uppercase; }

@media (max-width: 1200px) { 
    .h1-nav-group { display: none !important; }
    .h1-burger-btn { display: block; order: 3; }
    .h1-btn-logout { padding: 0; width: 36px; height: 36px; border-radius: 50%; order: 1; margin-left: 5px; }
    .h1-btn-logout span { display: none; }
    #h1_install_btn { display: inline-flex !important; order: 2; padding: 6px 8px; font-size: 0.58rem; }
    .h1-btn-insc { display: none !important; } 
    .h1-logo-text { font-size: 1.1rem; }
}