:root {
    --gold: #FFD700;
    --bg-dark: #0a0a0b;
    --glass: rgba(255, 255, 255, 0.03);
    --royal-gold: linear-gradient(45deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
body { background: var(--bg-dark); color: white; }

/* Navbar (Reused) */
.navbar { display: flex; justify-content: space-between; align-items: center; padding: 30px 10%; position: fixed; width: 100%; z-index: 100; }
.logo { font-family: 'Orbitron'; font-size: 1.8rem; }
.logo span { color: var(--gold); }
.nav-links { display: flex; list-style: none; }
.nav-links li a { text-decoration: none; color: #fff; margin-left: 40px; font-size: 0.8rem; transition: 0.3s; text-transform: uppercase; }
.nav-links li a.active { color: var(--gold); }

/* Reusing your Cyber Grid */
.cyber-grid {
    position: fixed; width: 100%; height: 100%;
    background-image: linear-gradient(rgba(255, 215, 0, 0.02) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 215, 0, 0.02) 1px, transparent 1px);
    background-size: 40px 40px; z-index: -1;
}

.blog-container { padding: 120px 10%; min-height: 100vh; }
.blog-header { text-align: center; margin-bottom: 60px; }
.glitch-text { font-family: 'Orbitron'; color: var(--gold); font-size: 2.5rem; letter-spacing: 4px; }

/* Admin Lock Button */
.admin-lock {
    background: transparent; border: 1px solid rgba(255,215,0,0.3); color: var(--gold);
    padding: 8px 15px; border-radius: 20px; font-size: 0.7rem; cursor: pointer; margin-top: 20px;
}

/* Post Cards */
.blog-feed { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.blog-card {
    background: var(--glass); border: 1px solid rgba(255,215,0,0.1); padding: 30px;
    border-radius: 15px; backdrop-filter: blur(10px); transition: 0.4s;
}
.blog-card:hover { border-color: var(--gold); transform: translateY(-10px); box-shadow: 0 10px 30px rgba(255,215,0,0.1); }
.blog-card h3 { font-family: 'Orbitron'; color: var(--gold); margin-bottom: 15px; }
.blog-card p { font-size: 0.9rem; color: #ccc; line-height: 1.6; }
.post-date { font-size: 0.7rem; color: var(--gold); opacity: 0.6; display: block; margin-top: 20px; }

/* Admin Modal */
.modal {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.9); z-index: 1000; justify-content: center; align-items: center;
}
.modal-content {
    background: #111; border: 2px solid var(--gold); padding: 40px; width: 90%; max-width: 600px;
    text-align: center; border-radius: 20px;
}
input, textarea {
    width: 100%; padding: 15px; margin: 10px 0; background: #222; border: 1px solid #444; color: white;
}
.publish-btn {
    width: 100%; background: var(--royal-gold); border: none; padding: 15px; 
    font-family: 'Orbitron'; font-weight: bold; cursor: pointer; margin-top: 10px;
}