.mobile-menu-toggle { display: none; background: none; border: none; color: white; font-size: 24px; cursor: pointer; }
.mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); backdrop-filter: blur(5px); z-index: 2000; opacity: 0; visibility: hidden; transition: 0.3s; }
.mobile-menu-overlay.active { opacity: 1; visibility: visible; }

.mobile-menu { position: fixed; top: 0; right: -300px; width: 300px; height: 100%; background: #111827; border-left: 1px solid rgba(255,255,255,0.1); z-index: 2001; padding: 25px; transition: 0.3s; display: flex; flex-direction: column; }
.mobile-menu.active { right: 0; }

.mobile-menu-close { align-self: flex-end; background: none; border: none; color: #94a3b8; font-size: 28px; cursor: pointer; margin-bottom: 30px; }
.mobile-nav-menu { display: flex; flex-direction: column; gap: 20px; }
.mobile-nav-menu a { font-size: 18px; font-weight: 500; color: white; display: block; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 10px; }
.mobile-nav-actions { margin-top: auto; display: flex; flex-direction: column; gap: 15px; }
.mobile-nav-actions button { width: 100%; }