* { margin:0; padding:0; box-sizing:border-box; font-family:Verdana,sans-serif; }

.headerCon {
    position:fixed; top:0; left:0; right:0; height:70px;
    background:#1a1a1a; border-bottom:1px solid #111;
    box-shadow:0 0 25px rgba(0,0,0,0.6); z-index:1000;
}
.headerInner {
    display:flex; align-items:center; justify-content:space-between;
    height:100%; padding:0 20px; max-width:1400px; margin:0 auto;
}
.logo { height:40px; }

/* Hamburger */
.hamburger {
    display:none; flex-direction:column; gap:5px;
    background:none; border:none; cursor:pointer; padding:10px;
}
.hamburger span {
    width:28px; height:3px; background:#fff; border-radius:3px;
    transition:all 0.3s ease;
}
.hamburger.active span:nth-child(1) { transform:rotate(45deg) translate(6px,6px); }
.hamburger.active span:nth-child(2) { opacity:0; }
.hamburger.active span:nth-child(3) { transform:rotate(-45deg) translate(7px,-7px); }

/* Desktop Nav */
.navMenu { display:flex; align-items:center; gap:15px; }
.navBtn {
    color:#f3f3f3; text-decoration:none; font-size:13px;
    padding:8px 16px; border-radius:4px; background:rgba(51,51,51,0.3);
    border:1px solid rgba(51,51,51,0.5); transition:all 0.3s;
}
.navBtn:hover { background:#464646; color:#FF5BA0; }
.navBtn.highlight { background:#d20288; border-radius:50px; font-weight:bold; }
.navBtn.highlight:hover { background:#ca0182; }

.authBtn { color:#f3f3f3; text-decoration:none; font-size:13px; padding:8px 16px; margin-left:8px; }
.authBtn.primary { background:#d20288; border-radius:50px; padding:8px 20px; }
.authBtn.primary:hover { background:#ca0182; }
.writeBtn { background:#3E3E3E; color:#f3f3f3; padding:8px 16px; text-decoration:none; border:1px solid #111; border-radius:4px; margin-right:10px; }
.writeBtn:hover { background:#464646; color:#FF5BA0; }

/* Profile */
.profileWrapper { position:relative; }
.profile_pic { height:42px; width:42px; border-radius:50%; cursor:pointer; }
.profileMenu {
    display:none; position:absolute; right:0; top:56px;
    background:white; min-width:170px; border-radius:6px;
    box-shadow:0 8px 25px rgba(0,0,0,0.4); z-index:1000;
}
.profileMenu a { display:block; padding:12px 16px; color:#333; text-decoration:none; font-size:14px; }
.profileMenu a:hover { background:#f0f0f0; }
.profileMenu .arrow {
    position:absolute; top:-7px; right:12px;
    width:0; height:0;
    border-left:8px solid transparent; border-right:8px solid transparent;
    border-bottom:8px solid white;
}

/* Mobile Menu */
.mobileOverlay {
    position:fixed; top:70px; left:0; width:100%; height:calc(100vh - 70px);
    background:rgba(0,0,0,0.98); z-index:999; padding:20px;
    transform:translateX(-100%); transition:transform 0.3s ease;
}
.mobileOverlay.active { transform:translateX(0); }

.mobileMenu { display:flex; flex-direction:column; gap:20px; margin-top:20px; }
.mobileMenu a { color:white; font-size:18px; padding:14px 0; text-decoration:none; border-bottom:1px solid #333; }
.mobileMenu a.highlight { color:#d20288; font-weight:bold; }
.mobileSearch { width:100%; padding:14px; font-size:16px; border:1px solid #444; background:#222; color:white; border-radius:6px; }

/* Responsive */
@media (max-width: 768px) {
    .hamburger { display:flex; }
    .navMenu { display:none; }
}

.default_btns{
    color: #F3F3F3;
    font-family: Verdana;
    font-size: 12px;
    font-weight: 100;
    padding: 6px 16px;
    background-color: #3E3E3E;
    border: solid #111 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin-top:5px;
}
.default_btns:hover, .downloadBtn:hover,.threatMap:hover, .crackEngine:hover{
    background: #464646;
    color: #FF5BA0;
    border: solid #000000 1px;
    text-decoration: none;
}

.loggedInnerCon{
    display: flex;               /* activates flexbox */
    justify-content: center;     /* horizontal alignment */
    gap: 20px;
}

.mobileUser {
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:25px;
    border-bottom:1px solid #333;
    padding-bottom:18px;
}

.mobile_profile_pic {
    width:52px;
    height:52px;
    border-radius:50%;
    border:2px solid #d20288;
    cursor:pointer;
}

.mobileProfileMenu {
    display:none;
    background:white;
    position:absolute;
    left:20px;
    right:20px;
    top:95px;
    border-radius:8px;
    box-shadow:0 10px 25px rgba(0,0,0,0.4);
    z-index:2001;
}
.mobileProfileMenu a {
    display:block;
    padding:14px 18px;
    border-bottom:1px solid #eee;
    color:#333;
    text-decoration:none;
}
.mobileProfileMenu a:hover { background:#f5f5f5 }