:root{--bg:#0f172a;--bg-header:#1e293b;--bg-nav-footer:#334155;--glass:rgba(255,255,255,.08);--accent:#38bdf8;--text-main:#ffffff;--text-muted:#cbd5e1}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text-main);line-height:1.6}
.cyber-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-header);padding:1rem 2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.3);border-bottom:1px solid var(--accent)}
.logo img{height:60px!important;filter:drop-shadow(0 0 5px rgba(56,189,248,0.5))}
.main-nav{display:flex;gap:2rem;align-items:center}
.main-nav a{color:var(--text-main);text-decoration:none;font-weight:600;padding:0.75rem 1.25rem;border-radius:6px;transition:all 0.3s ease;border:1px solid transparent}
.main-nav a:hover{background:var(--glass);color:var(--accent);border-color:var(--accent)}
.dropdown{position:relative}
.dropdown-content{display:none;position:absolute;top:100%;left:0;background:var(--bg-header);min-width:200px;border-radius:8px;z-index:1000;border:1px solid var(--accent);box-shadow:0 10px 15px -3px rgba(0,0,0,0.5);margin-top:0.5rem}
.dropdown:hover .dropdown-content{display:block}
.dropdown-content a{display:block;padding:0.75rem 1rem;font-size:0.9rem}
.sub-menu{display:none;padding-left:1.5rem;background:rgba(0,0,0,0.2)}
.sub-menu a{padding:0.5rem 1rem}